.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translateZ(0); transform:translateZ(0) } 40%, 43% { -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 40%, 43%, 70% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06) } 70% { -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translateZ(0); transform:translateZ(0) } 40%, 43% { -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 40%, 43%, 70% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06) } 70% { -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%, 50%, to { opacity:1 } 25%, 75% { opacity:0 } } @keyframes flash { 0%, 50%, to { opacity:1 } 25%, 75% { opacity:0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 50% { -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } @keyframes pulse { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 50% { -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 30% { -webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 30% { -webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, to { -webkit-transform:translateZ(0); transform:translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } } @keyframes shake { 0%, to { -webkit-transform:translateZ(0); transform:translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 6.5% { -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg) } 50% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes headShake { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 6.5% { -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg) } 50% { -webkit-transform:translateX(0); transform:translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform:rotate(15deg); transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg); transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg) } to { -webkit-transform:rotate(0deg); transform:rotate(0deg) } } @keyframes swing { 20% { -webkit-transform:rotate(15deg); transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg); transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg) } to { -webkit-transform:rotate(0deg); transform:rotate(0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate(-3deg); transform:scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } @keyframes tada { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate(-3deg); transform:scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg); transform:translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform:translate3d(20%, 0, 0) rotate(3deg); transform:translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg); transform:translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform:translate3d(10%, 0, 0) rotate(2deg); transform:translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg); transform:translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform:none; transform:none } } @keyframes wobble { 0% { -webkit-transform:none; transform:none } 15% { -webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg); transform:translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform:translate3d(20%, 0, 0) rotate(3deg); transform:translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg); transform:translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform:translate3d(10%, 0, 0) rotate(2deg); transform:translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg); transform:translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform:none; transform:none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform:none; transform:none } 22.2% { -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%, 11.1%, to { -webkit-transform:none; transform:none } 22.2% { -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } to { opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1) } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } to { opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } to { -webkit-transform:none; transform:none } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } to { -webkit-transform:none; transform:none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } to { -webkit-transform:none; transform:none } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } to { -webkit-transform:none; transform:none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0) } 75% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } 90% { -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) } to { -webkit-transform:none; transform:none } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0) } 75% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } 90% { -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) } to { -webkit-transform:none; transform:none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } 75% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 90% { -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } 75% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 90% { -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } to { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } to { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0) } to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0) } to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0) } to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0) } to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0) } to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0) } to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity:0 } to { opacity:1 } } @keyframes fadeIn { 0% { opacity:0 } to { opacity:1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } to { opacity:1; -webkit-transform:none; transform:none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity:1 } to { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } to { opacity:0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } @keyframes fadeOutRight { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform:perspective(400px) rotateY(-1turn); transform:perspective(400px) rotateY(-1turn) } 0%, 40% { -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg); transform:perspective(400px) translateZ(150px) rotateY(-190deg) } 50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg); transform:perspective(400px) translateZ(150px) rotateY(-170deg) } 50%, 80% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px) scale3d(.95, .95, .95); transform:perspective(400px) scale3d(.95, .95, .95) } to { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } @keyframes flip { 0% { -webkit-transform:perspective(400px) rotateY(-1turn); transform:perspective(400px) rotateY(-1turn) } 0%, 40% { -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out } 40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg); transform:perspective(400px) translateZ(150px) rotateY(-190deg) } 50% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg); transform:perspective(400px) translateZ(150px) rotateY(-170deg) } 50%, 80% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 80% { -webkit-transform:perspective(400px) scale3d(.95, .95, .95); transform:perspective(400px) scale3d(.95, .95, .95) } to { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 } 0%, 40% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40% { -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg) } 60% { -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg) } to { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 } 0%, 40% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40% { -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg) } 60% { -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg) } to { -webkit-transform:perspective(400px); transform:perspective(400px) } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } 0%, 40% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40% { -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg) } 60% { -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg) } to { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } 0%, 40% { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 40% { -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg) } 60% { -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg) } to { -webkit-transform:perspective(400px); transform:perspective(400px) } } .flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); opacity:1 } to { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 } } @keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); opacity:1 } to { -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg); opacity:1 } to { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } } @keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg); opacity:1 } to { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } } .flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg); opacity:0 } 60% { -webkit-transform:skewX(20deg); transform:skewX(20deg) } 60%, 80% { opacity:1 } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg) } to { -webkit-transform:none; transform:none; opacity:1 } } @keyframes lightSpeedIn { 0% { -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg); opacity:0 } 60% { -webkit-transform:skewX(20deg); transform:skewX(20deg) } 60%, 80% { opacity:1 } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg) } to { -webkit-transform:none; transform:none; opacity:1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity:1 } to { -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg); opacity:0 } } @keyframes lightSpeedOut { 0% { opacity:1 } to { -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg); opacity:0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { transform-origin:center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0 } 0%, to { -webkit-transform-origin:center } to { transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateIn { 0% { transform-origin:center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0 } 0%, to { -webkit-transform-origin:center } to { transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } 0%, to { -webkit-transform-origin:left bottom } to { transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownLeft { 0% { transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } 0%, to { -webkit-transform-origin:left bottom } to { transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { transform-origin:right bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } 0%, to { -webkit-transform-origin:right bottom } to { transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownRight { 0% { transform-origin:right bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } 0%, to { -webkit-transform-origin:right bottom } to { transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } 0%, to { -webkit-transform-origin:left bottom } to { transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpLeft { 0% { transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } 0%, to { -webkit-transform-origin:left bottom } to { transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } 0%, to { -webkit-transform-origin:right bottom } to { transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpRight { 0% { transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0 } 0%, to { -webkit-transform-origin:right bottom } to { transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { transform-origin:center; opacity:1 } 0%, to { -webkit-transform-origin:center } to { transform-origin:center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0 } } @keyframes rotateOut { 0% { transform-origin:center; opacity:1 } 0%, to { -webkit-transform-origin:center } to { transform-origin:center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { transform-origin:left bottom; opacity:1 } 0%, to { -webkit-transform-origin:left bottom } to { transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } } @keyframes rotateOutDownLeft { 0% { transform-origin:left bottom; opacity:1 } 0%, to { -webkit-transform-origin:left bottom } to { transform-origin:left bottom; -webkit-transform:rotate(45deg); transform:rotate(45deg); opacity:0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { transform-origin:right bottom; opacity:1 } 0%, to { -webkit-transform-origin:right bottom } to { transform-origin:right bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } } @keyframes rotateOutDownRight { 0% { transform-origin:right bottom; opacity:1 } 0%, to { -webkit-transform-origin:right bottom } to { transform-origin:right bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { transform-origin:left bottom; opacity:1 } 0%, to { -webkit-transform-origin:left bottom } to { transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } } @keyframes rotateOutUpLeft { 0% { transform-origin:left bottom; opacity:1 } 0%, to { -webkit-transform-origin:left bottom } to { transform-origin:left bottom; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); opacity:0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { transform-origin:right bottom; opacity:1 } 0%, to { -webkit-transform-origin:right bottom } to { transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } } @keyframes rotateOutUpRight { 0% { transform-origin:right bottom; opacity:1 } 0%, to { -webkit-transform-origin:right bottom } to { transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { transform-origin:top left } 0%, 20%, 60% { -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%, 60% { -webkit-transform:rotate(80deg); transform:rotate(80deg); transform-origin:top left } 40%, 80% { -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 } to { -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); opacity:0 } } @keyframes hinge { 0% { transform-origin:top left } 0%, 20%, 60% { -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out } 20%, 60% { -webkit-transform:rotate(80deg); transform:rotate(80deg); transform-origin:top left } 40%, 80% { -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1 } to { -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); opacity:0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg); transform:translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg); transform:translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity:1; -webkit-transform:none; transform:none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(100%, 0, 0) rotate(120deg); transform:translate3d(100%, 0, 0) rotate(120deg) } } @keyframes rollOut { 0% { opacity:1 } to { opacity:0; -webkit-transform:translate3d(100%, 0, 0) rotate(120deg); transform:translate3d(100%, 0, 0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } @keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity:1 } 50% { -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50%, to { opacity:0 } } @keyframes zoomOut { 0% { opacity:1 } 50% { -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50%, to { opacity:0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } to { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } to { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity:0; -webkit-transform:scale(.1) translate3d(-2000px, 0, 0); transform:scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; transform-origin:left center } } @keyframes zoomOutLeft { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity:0; -webkit-transform:scale(.1) translate3d(-2000px, 0, 0); transform:scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; transform-origin:left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity:0; -webkit-transform:scale(.1) translate3d(2000px, 0, 0); transform:scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; transform-origin:right center } } @keyframes zoomOutRight { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity:0; -webkit-transform:scale(.1) translate3d(2000px, 0, 0); transform:scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; transform-origin:right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } to { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19) } to { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } @keyframes slideOutDown { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } @keyframes slideOutRight { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } @keyframes slideOutUp { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { visibility:hidden; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } @font-face { font-family: 'CentraleSansBold-Italic'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_0_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_0_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_0_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_0_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_0_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansBook'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_1_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_1_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_1_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_1_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_1_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansBook-Italic'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_2_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_2_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_2_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_2_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_2_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansHairline'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_3_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_3_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_3_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_3_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_3_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansBold'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_4_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_4_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_4_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_4_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_4_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansHairline-Italic'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_5_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_5_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_5_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_5_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_5_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansLight'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_6_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_6_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_6_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_6_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_6_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansLight-Italic'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_7_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_7_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_7_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_7_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_7_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansMedium-Italic'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_8_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_8_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_8_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_8_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_8_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansMedium'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_9_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_9_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_9_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_9_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_9_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansThin'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_A_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_A_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_A_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_A_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_A_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansThin-Italic'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_B_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_B_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_B_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_B_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_B_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansXBold'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_C_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_C_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_C_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_C_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_C_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansXBold-Italic'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_D_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_D_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_D_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_D_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_D_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansXLight'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_E_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_E_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_E_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_E_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_E_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansXLight-Italic'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_F_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_F_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_F_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_F_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_F_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansXThin'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_10_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_10_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_10_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_10_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_10_0-4.bin') format('truetype') } @font-face { font-family: 'CentraleSansXThin-Italic'; src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_11_0.bin'); src: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_11_0-1.bin') format('embedded-opentype'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_11_0-2.bin') format('woff2'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_11_0-3.bin') format('woff'), url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/css/webfonts/2F6C37_11_0-4.bin') format('truetype') } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel .owl-refresh .owl-item { display: none } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-item img { display: block; -webkit-transform-style: preserve-3d } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .no-js .owl-carousel { display: block } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-item img { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1 } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { position: relative } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-search--inline { float: left } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance:none } .select2-dropdown { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 999999 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance:none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100% } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333 } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #000 1px; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: #fff } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0 } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555 } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--classic .select2-results__option[role=group] { padding: 0 } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } html { box-sizing: border-box } *, *:before, *:after { box-sizing: inherit } input[type="text"] { -webkit-appearance: none } input, select { vertical-align: middle; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } *, a:focus { outline: 0 } .none { display: none } .no-border { border: none !important } .position-s { position: static } .position-r { position: relative } a { -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } a:hover { text-decoration: none !important } a:focus { text-decoration: none !important } .topMenuBanner { display: none } body, html { text-rendering: optimizeLegibility!important; -webkit-font-smoothing: antialiased!important } html { font-size: 14px!important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } body { font-family: 'CentraleSansMedium', Verdana, sans-serif; line-height: 1 } body.sub-page { background: none } .p0 { padding: 0 } .ml-15 { margin-left: -15px } .mr0 { margin-right: 0 } .ml0 { margin-left: 0 } .mt20 { margin-top: 20px } .mb30 { margin-bottom: 30px } .mb50 { margin-bottom: 50px } .mt50 { margin-top: 50px } .pl0 { padding-left: 0 } .pr0 { padding-right: 0 } .c { clear: both; height: 0; line-height: 0 } .fl { float: left!important } .fr { float: right!important } .mr20 { margin-right: 20px } .width-full { width: 100% !important; display: block } .btn-right-arrow { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; padding-left: 10px; font-size: .7143rem } .text-center { text-align: center!important } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .8 } .modal-content { background-color: #fff; border: 1px solid #002a53; border-radius: 0; outline: 0 } .modal-header { min-height: 16.43px; padding: 15px 15px 15px 15px } .modal-header .close { background: #0082ca; border: 0; font-size: 25px; color: #fff; float: right; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .modal-header h2 { font-family: 'CentraleSansBold'; font-size: 1.22rem; color: #002855 } .modal-body { position: relative; padding: 15px 15px 5px 15px; text-align: center } .modal-footer { padding: 15px 15px 15px 15px; text-align: left; border-top: 0 } .banner-wrapper .btn, .sub-page .btn, header .btn, .homepage-partnerships .btn, .modal-body .btn, .banner-wrapper .button, .sub-page .button, header .button, .homepage-partnerships .button, .modal-body .button { display: inline-block; padding: 12px 15px; margin: 10px 0; cursor: pointer; font-family: 'CentraleSansBold'; font-size: 1rem; line-height: .95rem; color: #fff; border: 0; background-color: #05b4c8; text-align: center; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .banner-wrapper .btn:hover, .sub-page .btn:hover, header .btn:hover, .homepage-partnerships .btn:hover, .modal-body .btn:hover, .banner-wrapper .button:hover, .sub-page .button:hover, header .button:hover, .homepage-partnerships .button:hover, .modal-body .button:hover { background-color: #0997a7; color: #fff } .banner-wrapper .btn:focus, .sub-page .btn:focus, header .btn:focus, .homepage-partnerships .btn:focus, .modal-body .btn:focus, .banner-wrapper .button:focus, .sub-page .button:focus, header .button:focus, .homepage-partnerships .button:focus, .modal-body .button:focus { background-color: #0997a7; color: #fff } .banner-wrapper .btn.i-arrow-right::after, .sub-page .btn.i-arrow-right::after, header .btn.i-arrow-right::after, .homepage-partnerships .btn.i-arrow-right::after, .modal-body .btn.i-arrow-right::after, .banner-wrapper .button.i-arrow-right::after, .sub-page .button.i-arrow-right::after, header .button.i-arrow-right::after, .homepage-partnerships .button.i-arrow-right::after, .modal-body .button.i-arrow-right::after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; padding-left: 10px; font-size: .7143rem } .banner-wrapper .btn.green, .sub-page .btn.green, header .btn.green, .homepage-partnerships .btn.green, .modal-body .btn.green, .banner-wrapper .button.green, .sub-page .button.green, header .button.green, .homepage-partnerships .button.green, .modal-body .button.green { background: #cedc00 } .banner-wrapper .btn.green:hover, .sub-page .btn.green:hover, header .btn.green:hover, .homepage-partnerships .btn.green:hover, .modal-body .btn.green:hover, .banner-wrapper .button.green:hover, .sub-page .button.green:hover, header .button.green:hover, .homepage-partnerships .button.green:hover, .modal-body .button.green:hover { background: #b2bd12 } .banner-wrapper .btn.green:focus, .sub-page .btn.green:focus, header .btn.green:focus, .homepage-partnerships .btn.green:focus, .modal-body .btn.green:focus, .banner-wrapper .button.green:focus, .sub-page .button.green:focus, header .button.green:focus, .homepage-partnerships .button.green:focus, .modal-body .button.green:focus { background: #b2bd12 } .banner-wrapper .btn i, .sub-page .btn i, header .btn i, .homepage-partnerships .btn i, .modal-body .btn i, .banner-wrapper .button i, .sub-page .button i, header .button i, .homepage-partnerships .button i, .modal-body .button i { font-size: .8rem; margin-left: 10px } .easing200 { -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .easing400 { -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .easing1000 { -webkit-transition: all 1000ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 1000ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 1000ms cubic-bezier(.25, .25, .75, .75); transition: all 1000ms cubic-bezier(.25, .25, .75, .75) } .trans-none { -moz-transition: none !important; -o-transition: none !important; -webkit-transition: none !important; transition: none !important } header { width: 100%; min-height: 100%; position: relative; background: #fff } header .logo { padding-top: 16px; padding-bottom: 16px } header .logo img { width: 206px } header .top-container { text-align: right } header .nav { display: inline-block } header nav { display: inline-block; margin-bottom: 10px; text-align: left } header nav>ul { padding: 36px 0 0 0; z-index: 990; float: right } header nav>ul>li { float: left; padding: 0 10px 0 10px; position: static!important } header nav>ul>li:last-child { padding-right: 0 } header nav>ul>li:last-child a { padding-right: 0; margin-right: 0 } header nav>ul>li a { font-family: 'CentraleSansBook', Verdana, sans-serif; padding: 5px 0 0 0; font-size: 1.15rem; line-height: 1.35rem; color: #002855; text-decoration: none; display: block; margin-right: 5px; position: relative; font-weight: 500; text-decoration: none !important } header nav>ul>li a::after { content: ''; width: 100%; background: #05b4c8; height: 2px; position: absolute; bottom: -5px; left: 0; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1); opacity: 0; bottom: -20px } header nav>ul>li a:hover { color: #05b4c7 } header nav>ul>li a:hover::after { bottom: -8px; opacity: 1 } header nav>ul>li a:focus { color: #05b4c7 } header nav>ul>li a:focus::after { bottom: -8px; opacity: 1 } header nav>ul>li a.active { color: #05b4c7 } header nav>ul>li a.active::after { bottom: -8px; opacity: 1 } header nav>ul>li .sub-menu { width: 100%; height: auto; position: absolute; left: 0; top: auto; z-index: 30000; padding: 38px 30px; display: none } header nav>ul>li .sub-menu a { padding: 5px 0 } header nav>ul>li .sub-menu a::after { display: none } header nav>ul>li .sub-menu>div { padding: 15px; background: #fff; border-left: 5px #ebebeb solid; border-right: 5px #ebebeb solid; border-bottom: 5px #ebebeb solid } header nav>ul>li .sub-menu>div>ul>li>a { margin-bottom: 5px; color: #05b4c7 } header nav>ul>li .sub-menu>div>ul>li ul li a { font-size: 1rem } header nav>ul>li .sub-menu.type-1 { border: 0; background: none } header nav>ul>li .sub-menu.type-1>div { background: #ebebeb; padding: 15px 0; border: 0 } header nav>ul>li .sub-menu .column-3 { width: 100%; display: inline-block } header nav>ul>li .sub-menu .column-3>li { width: 33.3%; float: left } header nav>ul>li .sub-menu .column-4 { width: 100%; display: inline-block } header nav>ul>li .sub-menu .column-4>li { width: 25%; float: left } header nav>ul>li .sub-menu .tab-menus li ul a { font-size: 1rem } header nav>ul>li:hover>a { color: #05b4c7 } header nav>ul>li:hover>a::after { bottom: -8px; opacity: 1 } header nav .sub.navopen { display: block !important } header nav .sub.navopen a.active-link-this:first-child { color: #fff !important; font-weight: bold } header nav .tab-links { padding-right: 0 } header nav .tab-links li a { display: block; padding: 20px 0 20px 20px !important; margin-right: 0 } header nav .tab-links li.active a { background: #fff } header nav .tab-menus { height: 100%; background: #fff; padding: 15px; font-size: 14px; display: none } header nav .tab-menus.active { display: inline-block } header nav .tab-menus>li { float: left } header nav .tab-menus>li>a { color: #05b4c7 } header nav .tab-menus.column-4>li { width: 25% !important; padding: 0 15px } header nav .menu-img { width: 100%; margin-bottom: 15px } header nav .menu-desc { font-size: 1.1rem; color: #858585; line-height: 1.5rem; font-family: 'CentraleSansMedium', Verdana, sans-serif } header .top-switch-wrp { display: inline-block; position: relative; top: -4px; margin-left: 15px } header .top-switch { width: 132px; height: 32px; text-align: left; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #e9f1f8; overflow: hidden; cursor: pointer; margin: 34px 0 0 0; z-index: 9; position: relative; padding: 7px; display: inline-block } header .top-switch-content { width: 300px; overflow: hidden } header .top-switch-content #top-switch-chk { display: none } header .top-switch-off, header .top-switch-on { width: 18px; height: 18px; background: #05bec8; display: block; border-radius: 50%; margin: 0 0; float: left } header .top-switch-on { background: #fff } header .top-switch-label { font-size: .75rem; color: #707986; display: block; padding: 4px 16px 4px 6px; float: left; width: 112px; font-family: 'CentraleSansMedium', Verdana, sans-serif } header .top-switch.top-switch-active { background: #05bec8 } header .top-switch.top-switch-active .top-switch-label { color: #fff } header .top-switch ::selection { background: #fff } header .top-switch ::-moz-selection { background:#fff } header .mobile-nav-button { border: 0 none; display: block; float: right; height: 51px; position:; width: 54px; z-index: 10; margin: 22px 0 0 0; border-radius: 0 } header .mobile-nav-button:focus { outline: medium none } header .mobile-nav-button span { background: #08bec9 none repeat scroll 0 0; display: block; height: 3px; position: absolute; right: 15px; text-indent: -9999px; top: 22px; transition: all .2s ease-in-out 0s; width: 32px } header .mobile-nav-button span:before, header .mobile-nav-button span:after { background-color: #08bec9; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all .2s ease-in-out 0s; width: 100% } header .mobile-nav-button span:before { top: -10px } header .mobile-nav-button span:after { top: 10px } header .mobile-nav-button.active span { background: rgba(0,0,0,0) none repeat scroll 0 0; top: 24px } header .mobile-nav-button.active { background: #fff; color: #fff } header .mobile-nav-button.active span:before, header .mobile-nav-button.active span:after { background-color: #08bec9; content: ""; display: inline-block; height: 3px; left: 0; position: absolute; top: 0; width: 100% } header .mobile-nav-button.active span:before { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } header .mobile-nav-button.active span:after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .customer-modal-overlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; z-index: 9990; filter: alpha(opacity=80); opacity: .8 } .switch-loader { width: 152px; height: 152px; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/loader.gif) no-repeat left top; position: absolute; left: 50%; top: 300px; margin-left: -76px; z-index: 9999 } .customer-select-modal { max-width: 650px; position: absolute; left: 50%; top: 133px; margin-left: -100px; z-index: 9995; display: block; height: 430px } .customer-select-modal .customer-select-left { width: 70%; height: 430px; background-color: #fff; float: left; text-align: center; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/modal-bg.png) #fff left top } .customer-select-modal .customer-select-left .icon { padding: 38px 0; font-size: 100px; color: #05b4c7; display: block } .customer-select-modal .customer-select-left p { font-size: 21px; line-height: 28px; text-align: center; color: #022953 } .customer-select-modal .customer-select-left .customer-select-btn { padding: 20px 0 0 } .customer-select-modal .customer-select-left a { width: 360px; display: inline-block; background-color: #05b4c7; margin-bottom: 10px; padding: 15px 0; color: #fff; font-size: 15px; font-weight: 500; text-decoration: none } .customer-select-modal .customer-select-left a.btn-customer:hover { background-color: #00a9bb } .customer-select-modal .customer-select-right { width: 30%; height: 430px; background-color: #e4eaf0; float: right; text-align: center; padding: 0 15px } .customer-select-modal .customer-select-right img { margin-top: -50px } .customer-select-modal .customer-select-right p { font-size: 17px; font-weight: 400; line-height: 23px; text-align: left; color: #022953; padding: 20px 0 } header nav>ul>li .menu-tabs .menu-content-inline { background: #ebebeb; padding: 15px 0; border: 1px solid #c9c9c9 } header nav .tab-links { width: 20% !important; padding: 0 0 0 15px !important } header nav .tab-links li { margin-bottom: 0; padding: 0 !important } .sub-menu>div>ul.tab-links>li>a { color: #002855 !important } header nav .sub-menu .tab-links li.active a { background: #fff } header nav .tab-menus { width: 80%; display: inline-block; background-color: transparent; padding: 0 !important; background: #fff; border-right: 15px solid #ebebeb } header nav .tab-menus>ul { background: #fff; margin-right: 15px; padding: 15px; display: none; height: 100% } header nav .tab-menus>ul.active { display: block } header nav .tab-menus>ul>li>a { display: none } header nav .tab-menus>ul>li>ul>li { padding: 0 5px 15px 5px; display: inline-block; vertical-align: top; width: 33% } header nav>ul>li.selectedTopContext>a { color: #05b4c7 !important } .banner-wrapper { position: relative; top: -3px } .banner-owl { visibility: hidden } .banner-owl:focus { -webkit-box-shadow: inset 0 0 30px 3px rgba(82,82,82,.2); -moz-box-shadow: inset 0 0 30px 3px rgba(82,82,82,.2); box-shadow: inset 0 0 30px 3px rgba(82,82,82,.2) } .banner-owl.owl-loaded { visibility: visible } .banner-owl-item { height: 420px } .banner-owl.owl-carousel { min-height: 420px; z-index: 0 } .banner-owl.owl-carousel .owl-item img { width: auto } .banner-owl.owl-carousel .owl-stage-outer, .banner-owl.owl-carousel .owl-stage, .banner-owl.owl-carousel .owl-item { overflow: hidden } .banner { height: 420px; text-align: center; position: relative; overflow: hidden } .banner-bg-content { width: 100%; min-height: 420px; height: 100%; position: absolute; left: 0; top: 0 } .banner-bg-slider { width: 100%; min-height: 420px; height: 100%; background-color: #fff; background-position: center top; background-repeat: no-repeat; position: absolute; left: 0; top: 0; opacity: 0; transition: all .3s ease; -webkit-transition: all .3s ease } .banner-bg-slider.active { opacity: 1 } .banner-item img { position: absolute; left: 35%; bottom: 0; margin-left: -270px; display: none } .banner-owl .owl-controls { position: absolute; left: 50%; bottom: 20px; margin-left: -555px } .banner-owl .owl-controls .owl-dots .owl-dot { width: 16px; height: 16px; display: block; border-radius: 50%; background-color: #e5e9ee; float: left; margin-right: 10px } .banner-owl .owl-controls .owl-dots .owl-dot.active { background-color: #002854 } .arrow-right { width: 0; height: 0; border-top: 200px solid transparent; border-bottom: 200px solid transparent; border-left: 386px solid #fff; position: absolute; top: 50%; left: 50%; margin-left: 146px; margin-top: -170px } .banner .banner-controls { position: absolute; left: 50%; bottom: 10px; margin-left: 532px } .banner .banner-controls a { width: 23px; height: 23px; display: block; float: left; text-indent: -9999px; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/banner-control-button.png) no-repeat left bottom } .banner .banner-controls a.play { display: none; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/banner-control-button.png) no-repeat left top } .banner .text-container { width: 598px; height: auto; position: absolute; top: 50px; left: 50%; margin-left: -556px; margin-top: 0; display: table; z-index: 1 } .banner h2 { color: #002a53; font-size: 2.714rem; font-family: CentraleSansMedium; text-align: left; letter-spacing: -1px } .banner h2 i { font-size: 1rem; display: none } .banner h2 span, .banner h2 div { display: table-cell; vertical-align: middle } .banner .btn { position: relative; left: 0; color: #fff; background-color: #05b4c7; border-color: #05b4c7; margin-top: 20px; margin-bottom: 0; z-index: 1; float: left; padding: 12px 15px } .banner .btn::after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; padding-left: 10px; font-size: .7143rem } .banner .btn:hover { background-color: #0997a7; color: #fff } .banner .btn:focus { background-color: #0997a7; color: #fff } .banner .btn.i-arrow-right::after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; padding-left: 10px; font-size: .7143rem } .banner h2 a { color: #002a53; display: table-cell; vertical-align: middle } .banner-arrow-left { width: 270px; height: 331px; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/banner/banner-arrow-left.png) no-repeat left top; position: absolute; left: 50%; top: 50%; margin-left: -850px; margin-top: -168px } .banner-arrow-left-2 { width: 354px; height: 331px; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/banner/banner-arrow-left-2.png) no-repeat left top; position: absolute; left: 50%; top: 50%; margin-left: -850px; margin-top: -168px } .banner-arrow-center { width: 172px; height: 224px; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/banner/banner-arrow-center.png) no-repeat left top; position: absolute; left: 50%; top: 50%; margin-left: 252px; margin-top: -76px } .banner-arrow-right { width: 269px; height: 259px; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/banner/banner-arrow-right.png) no-repeat left top; position: absolute; left: 50%; top: 50%; margin-left: 600px; margin-top: -185px } .button-wrapper { width: 255px; float: right } .button-area { position: absolute; left: 50%; margin-left: 300px; top: 0; padding-top: 40px; z-index: 8; width: 255px; outline: none; border: none } .button-area h3 { font-size: 1.3rem; font-family: 'CentraleSansBold'; color: #002855; margin-bottom: 15px; display: none } .button-area .btn-service { background-color: #e9f1f8; width: 255px; height: 48px; color: #002855; text-decoration: none; text-align: left; display: block; margin-bottom: 5px; padding: 12px 0 6px 20px; font-size: 1.2rem; font-weight: 500; font-family: 'CentraleSansMedium', Verdana, sans-serif; line-height: 1.4 } .button-area .btn-service:hover { background-color: #05b4c7; color: #fff } .button-area .btn-service:hover .icon { color: #fff } .button-area .btn-service:focus { background-color: #05b4c7; color: #fff } .button-area .btn-service:focus .icon { color: #fff } .button-area .btn-service span { display: inline-block; padding: 0 } .button-area .btn-service .icon { font-size: 1.85rem; color: #002855; vertical-align: top; padding-right: 40px; width: 32px; display: inline-block; transition: all .2s ease-in-out 0s } .button-area .button-online .icon { font-size: 1.1rem; color: #fff; vertical-align: top; padding-right: 5px; width: 30px; display: inline-block; float: right; padding: 17px 10px 0 0 } .button-online { background: #e73324; width: 255px; height: 48px; font-family: 'CentraleSansBold'; font-size: 1.3rem; color: #fff!important; font-weight: 500; text-decoration: none; text-align: left; display: block; margin-bottom: 20px } .button-online span { padding: 14px 25px 14px 20px; display: block } .button-online:hover { background: #d32c1e !important } .sidebar .button-area { width: 100%; position: relative; left: 0; margin: 0 0 30px 0; padding: 0; vertical-align: top } .sidebar .button-area .button-wrapper { float: none; width: 100% } .sidebar .button-area a { float: none; width: 100% } .medium-banner { margin-top: 30px; margin-bottom: 0 } .medium-banner .banner-block { background: #eff2f7; display: block; position: relative; overflow: hidden } .medium-banner .banner-block::after { content: ''; width: 100%; height: 0; display: block; background: #002855; position: absolute; bottom: -2px; z-index: 10; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .medium-banner .banner-block:hover::after { height: 10px } .medium-banner .banner-block:hover p { margin-top: -10px } .medium-banner figure { overflow: hidden } .medium-banner figure img { width: 100%; position: relative; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .medium-banner .text-area { position: relative; top: 20px; left: 20px } .medium-banner h2 { font-family: 'CentraleSansBold'; font-size: 1.5rem; line-height: 2rem; color: #002855; margin-bottom: 15px; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .medium-banner p { font-family: 'CentraleSansMedium'; color: #717d8d; font-size: 1rem; line-height: 1.5rem; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .cross-banner { padding: 30px 15px 0 15px } .cross-banner .link-button { margin: 0 20px 20px 0; float: left; width: 100% } .cross-banner .link-button:hover .link-button-icon u, .cross-banner .link-button:focus .link-button-icon u { height: 112px; width: 100%; margin-left: -50%; margin-top: -56px; opacity: .98 } .cross-banner .link-button.link-button h3 a { color: #002a53; font-size: 1.2rem; line-height: 1.2; padding: 14px 0 10px 0; display: block; text-decoration: none; font-family: CentraleSansMedium, Verdana, sans-serif } .cross-banner .link-button.link-button p { color: #656565; font-size: .93rem; line-height: 1.3; font-family: 'CentraleSansBook', Verdana, sans-serif } .cross-banner .link-button.link-button p a { color: #656565; text-decoration: none } .cross-banner .link-button.link-button p a:hover { color: #999 } .cross-banner .link-button.link-button-last { margin: 0 0 20px 0 } .cross-banner .link-button .link-button-icon { width: 100%; height: 120px; text-decoration: none; display: block; position: relative; border-width: 4px; border-style: solid } .cross-banner .link-button .link-button-icon u { width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; left: 50%; top: 50%; display: block; z-index: 250; background: #fff; opacity: 0; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .cross-banner .link-button .link-button-icon .icon { width: 100%; height: 60px; display: block; vertical-align: middle; font-size: 60px; color: #fff; text-align: center; padding: 30px 0; position: relative; z-index: 300; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .cross-banner .link-button.green .link-button-icon { background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/green.png) repeat; border-color: #cedb00 } .cross-banner .link-button.blue .link-button-icon { background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/blue.png) repeat; border-color: #05b4c7 } .cross-banner .link-button.red .link-button-icon { background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/red.png) repeat; border-color: #f42434 } .cross-banner .link-button.dark .link-button-icon { background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/dark.png) repeat; border-color: #002857 } .cross-banner .link-button.purple .link-button-icon { background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/prime-bg.png) repeat; border-color: #722941 } .cross-banner .link-button.green:hover .link-button-icon .icon, .cross-banner .link-button.green:focus .link-button-icon .icon { color: #cedb00 } .cross-banner .link-button.blue:hover .link-button-icon .icon, .cross-banner .link-button.blue:focus .link-button-icon .icon { color: #05b4c7 } .cross-banner .link-button.red:hover .link-button-icon .icon, .cross-banner .link-button.red:focus .link-button-icon .icon { color: #f42434 } .cross-banner .link-button.dark:hover .link-button-icon .icon, .cross-banner .link-button.dark:focus .link-button-icon .icon { color: #002857 } .cross-banner .link-button.purple:hover .link-button-icon .icon *:before, .cross-banner .link-button.purple:focus .link-button-icon .icon *:before { color: #6a1b32 } .cross-banner .link-button.purple:hover .link-button-icon .icon .path6:before, .cross-banner .link-button.purple:focus .link-button-icon .icon .path6:before { color: #002856 } .top-line { width: 100%; height: 4px; background: #ebebeb; border-top: 1px solid #d3d3d3; clear: both; margin: -3px 0 10px 0; position: absolute } .sub-page { background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/bg-arrow.png) no-repeat center top } .sub-page .title { padding: 30px 0 28px 0; border-bottom: 1px solid #e0e3e7; margin-bottom: 30px; position: relative } .sub-page .title h1 { margin-bottom: 10px; color: #002a53; font-size: 3rem; font-family: 'CentraleSansLight', Verdana, sans-serif; font-weight: 400 } .sub-page .title .breadcrumb { width: 100% } .sub-page .title .breadcrumb ul { width: 100% } .sub-page .title .breadcrumb ul li { display: inline-block; font-size: .9rem; margin-bottom: 10px; margin-right: 5px } .sub-page .title .breadcrumb ul li::after { content: '>'; display: inline-block; margin-left: 5px; color: #72869d } .sub-page .title .breadcrumb ul li a { color: #72869d; text-decoration: none; position: relative; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .title .breadcrumb ul li a::after { content: ''; width: 100%; height: 1px; background: #72869d; position: absolute; left: 0; bottom: -2px; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .title .breadcrumb ul li a:hover, .sub-page .title .breadcrumb ul li a:focus { color: #999 } .sub-page .title .breadcrumb ul li a:hover::after, .sub-page .title .breadcrumb ul li a:focus::after { content: ''; width: 0 } .sub-page .title .breadcrumb ul li:last-child a { text-decoration: none; cursor: default } .sub-page .title .breadcrumb ul li:last-child a::after { display: none } .sub-page .title .breadcrumb ul li:last-child::after { display: none } .sub-page .title .btn-back { position: absolute; bottom: 29px; right: 0; padding: 13px 20px } .sub-page .title .btn-back i { margin-left: -5px; font-size: .8rem } .sub-page .content { padding-bottom: 50px } .sub-page .content .subpage-banner { width: 100%; margin: 20px 0; padding-left: 40px } .sub-page .content .subpage-banner figure { width: 100% } .sub-page .content .subpage-banner figure img { width: 100% } .sub-page .content .subpage-banner h3 { font-size: 2.8rem; color: #002855; font-family: 'CentraleSansBold'; padding-top: 40px; font-weight: bold; line-height: 3rem } .sub-page .content .subpage-banner .s-text { font-size: .8rem; font-family: 'CentraleSansBook', Verdana, sans-serif; color: #002855 } .sub-page .content .device-landing-content { width: 100% } .sub-page .content .device-landing-content .device-list .device-block { text-align: center; margin-bottom: 30px } .sub-page .content .device-landing-content .device-list .device-block h4 { color: #002855; font-size: 18px; padding: 15px 0; line-height: 20px; margin-bottom: 0 } .sub-page .content .device-landing-content .device-list .device-block figure { padding: 20px; margin-bottom: 0; border: 1px solid #e5e9ee; border-bottom: 0; cursor: pointer } .sub-page .content .device-landing-content .device-list .device-block figure img { width: 100%; position: relative; z-index: 0 } .sub-page .content .device-landing-content .device-list .device-block figure::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: #63656a; opacity: 0; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .device-landing-content .device-list .device-block figure::before { content: ''; display: block; width: 112px; height: 87px; margin-top: -43px; margin-left: -66px; position: absolute; top: 50%; left: 50%; z-index: 11; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/pro-more-img.png) no-repeat center center; opacity: 0; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .device-landing-content .device-list .device-block .device-price-list { width: 100%; position: relative } .sub-page .content .device-landing-content .device-list .device-block .device-price-list .btn-down { width: 100%; display: block; margin: 0; padding: 15px; position: relative; font-size: 1.3rem; font-family: 'CentraleSansBook', Verdana, sans-serif; border: 1px solid #e5e9ee; border-top: 0 } .sub-page .content .device-landing-content .device-list .device-block .device-price-list .btn-down::before { content: ''; font-family: icomoon !important; position: relative; float: right; font-size: .9rem; margin-top: 5px; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .device-landing-content .device-list .device-block .device-price-list .btn-down.active::before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: 3px } .sub-page .content .device-landing-content .device-list .device-block .device-price-list .price-list { width: 100%; background: #fff; padding: 20px 20px 10px 20px; position: absolute; left: 0; z-index: 40; border-left: 1px solid #e5e9ee; border-right: 1px solid #e5e9ee; border-bottom: 1px solid #e5e9ee; display: none } .sub-page .content .device-landing-content .device-list .device-block .device-price-list .price-list h5 { color: #002855; font-size: 1.5rem; padding: 5px 0 5px 0; line-height: 20px; text-align: center } .sub-page .content .device-landing-content .device-list .device-block .device-price-list .price-list table { width: 100% } .sub-page .content .device-landing-content .device-list .device-block .device-price-list .price-list table th { font-size: 1rem; color: #05b4c8; padding: 10px 10px 10px 0; font-weight: bold; text-align: left; background: none } .sub-page .content .device-landing-content .device-list .device-block .device-price-list .price-list table td { font-size: 13px; color: #63656a; padding: 10px 0; background: none } .sub-page .content .device-landing-content .device-list .device-block:hover figure::after { opacity: .6 } .sub-page .content .device-landing-content .device-list .device-block:hover figure::before { opacity: 1; top: 50% } .sub-page .content .mobile-filter-btn { display: none } .sub-page .content .mobile-filter-btn i { font-size: .8rem; margin-left: 5px } .sub-page .content .content-detail { margin-top: 20px } .sub-page .content h2 { font-family: 'CentraleSansBold'; font-size: 1.22rem; color: #002855; margin-bottom: 20px } .sub-page .content h2 a { color: #002855; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .content h2 a:hover { opacity: .8 } .sub-page .content h3 { font-size: 1.3rem; line-height: 1.3; font-weight: 500; color: #002855; margin-bottom: 15px; font-family: 'CentraleSansBold', Verdana, sans-serif } .sub-page .content h3 a { color: #002855; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .content h3 a:hover { opacity: .8 } .sub-page .content h4 { font-size: 1rem; line-height: 1.2; font-weight: 500; color: #002855; margin-bottom: 15px; font-family: 'CentraleSansBold', Verdana, sans-serif } .sub-page .content h4 a { color: #002855; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .content h4 a:hover { opacity: .8 } .sub-page .content p { font-size: 1rem; color: #002855; margin-bottom: 20px; line-height: 1.4rem } .sub-page .content p.lead { font-size: 1.2rem; line-height: 1.4; font-weight: 500; color: #002855; margin-bottom: 15px; font-family: 'CentraleSansBold', Verdana, sans-serif } .sub-page .content figure { width: 100%; position: relative; overflow: hidden; margin-bottom: 20px } .sub-page .content figure img { width: 100%; position: relative; z-index: 1; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden } .sub-page .content figure .icons { position: absolute; right: 10px; top: 10px; font-size: 1.7rem; z-index: 2 } .sub-page .content figure .icons i { color: #0085ca; display: inline-block; margin-left: 10px } .sub-page .content ul.list { margin-bottom: 16px } .sub-page .content ul.list li { width: 100%; padding: 0 15px 0 20px; font-size: 1rem; line-height: 1.5rem; color: #44464a; position: relative; margin: 8px 0 } .sub-page .content ul.list li:before { content: ''; font-family: 'icomoon' !important; font-size: 9px; color: #0082ca; position: absolute; left: 0; top: 1px; margin-right: 10px } .sub-page .content .table-wrap, .sub-page .content .tableArea { padding-bottom: 10px; position: relative } .sub-page .content .table-wrap caption, .sub-page .content .tableArea caption { position: absolute; left: -9999px } .sub-page .content .table-wrap table, .sub-page .content .tableArea table { width: 100%; float: none } .sub-page .content .table-wrap tr th, .sub-page .content .tableArea tr th { width: auto!important; min-width: 30%; background: #0082ca; font-size: 1rem; line-height: 1.4rem; font-family: 'CentraleSansMedium', Verdana, sans-serif; color: #fff; padding: 20px 10px; text-align: center; vertical-align: middle } .sub-page .content .table-wrap tr th:first-child, .sub-page .content .tableArea tr th:first-child { text-align: left } .sub-page .content .table-wrap tr td, .sub-page .content .tableArea tr td { color: #44464a; font-size: 1rem; line-height: 1.4rem; padding: 15px 10px; border: 1px solid #dfdfdf; text-align: left; background: #fff; color: #515151 } .sub-page .content .table-wrap tr.tableAreaEven td, .sub-page .content .tableArea tr.tableAreaEven td { background: #fff } .sub-page .content .table-wrap th, .sub-page .content .tableArea th { color: #f47920; font-size: 12px; padding: 8px 0; text-align: left; line-height: 14px } .sub-page .content .table-wrap td, .sub-page .content .tableArea td { color: #44464a; font-size: 12px; padding: 8px 0; text-align: left; line-height: 14px } .sub-page .content .table-wrap table tr.tableLast th, .sub-page .content .tableArea table tr.tableLast th { background: none } .sub-page .content .table-wrap .tableArea tr td, .sub-page .content .tableArea .tableArea tr td, .sub-page .content .table-wrap .tableArea tr th, .sub-page .content .tableArea .tableArea tr th { border: 1px solid #e5e5e5 } .sub-page .content .table-wrap.table-style-2 tr th, .sub-page .content .tableArea.table-style-2 tr th, .sub-page .content .table-wrap.tableArea-2 tr th, .sub-page .content .tableArea.tableArea-2 tr th { background: #e6f8f9!important; color: #002a53!important; border: 1px solid #e5e5e5!important } .sub-page .content .products-filter { width: 100%; border: 1px solid #ebebeb; margin-bottom: 50px; color: #002855 } .sub-page .content .products-filter .desc { font-size: 1.1rem } .sub-page .content .products-filter>.line { border-bottom: 1px solid #ebebeb; padding: 20px 30px } .sub-page .content .products-filter>.line>div { color: #002855; font-size: 1.1rem; text-align: left; display: inline-block } .sub-page .content .products-filter>.line .name { width: 270px; position: relative; top: -2px } .sub-page .content .products-filter>.line .propery { width: 200px } .sub-page .content .product-bottom span { width: 100%; color: #002855; font-size: 1rem; display: block; font-family: 'CentraleSansLight', Verdana, sans-serif } .sub-page .content .product-bottom .price-wrapper { width: 100%; padding: 20px 0; margin: 20px 0; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; display: inline-block } .sub-page .content .product-bottom .price-wrapper .price { width: 53%; float: left; font-size: 1.4rem; color: #002855; font-family: 'CentraleSansBold', Verdana, sans-serif; position: relative } .sub-page .content .product-bottom .price-wrapper .price::before { content: ''; font-family: 'icomoon' !important; color: #cedc00; font-size: 13px; display: inline-block; margin-right: 3px } .sub-page .content .product-bottom .price-wrapper .note { width: 43%; float: left; margin-left: 3%; color: #002855; font-size: .8rem; line-height: 13px; font-family: 'CentraleSansMedium', Verdana, sans-serif; padding-left: 20px; position: relative; top: -2px } .sub-page .content .product-bottom .price-wrapper .note::before { content: ''; font-family: 'icomoon' !important; color: #e63323; font-size: 13px; display: inline-block; margin-right: 3px; position: absolute; left: 0; top: 7px } .sub-page .content .product-bottom a.btn-buy-now { width: 100%; text-align: left; color: #fff; margin: 0 } .sub-page .content .product-bottom a.btn-buy-now::after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; padding-left: 10px; font-size: .7143rem; float: right; position: relative; top: 3px } .sub-page .content .content-block.col-2-block { margin-bottom: 30px } .sub-page .content .content-block.col-2-block .left { float: left; width: 50%; padding-right: 15px } .sub-page .content .content-block.col-2-block .left a { display: block } .sub-page .content .content-block.col-2-block .left img { width: 100% } .sub-page .content .content-block.col-2-block .right { float: right; width: 50%; padding-left: 15px } .sub-page .content .content-block.col-2-block .right p a i { font-style: italic } .sub-page .content .content-block.col-2-block-style-1 { margin-bottom: 30px } .sub-page .content .content-block.col-2-block-style-1 .left { float: left; width: 40%; padding-right: 15px } .sub-page .content .content-block.col-2-block-style-1 .left a { display: block } .sub-page .content .content-block.col-2-block-style-1 .left img { width: 100% } .sub-page .content .content-block.col-2-block-style-1 .right { float: right; width: 60%; padding-left: 15px } .sub-page .content .page-detail-first-img { width: 35% } .sub-page .content .page-detail-first-img img { width: 100% } .sub-page .content .products-properties { margin-top: 40px } .sub-page .content .devices-filter-head { background: #f4f4f4; padding: 20px; overflow: hidden } .sub-page .content .devices-filter-head .search-area { width: 100%; position: relative } .sub-page .content .devices-filter-head .search-area input { width: 100% !important; height: auto !important; background-color: #fff; border: 2px solid #00bec9 !important; padding: 10px 10px; color: #002855; font-size: 1.1rem; font-family: 'CentraleSansBook', Verdana, sans-serif; padding-right: 40px; background: none } .sub-page .content .devices-filter-head .search-area button { width: 27px; height: 21px; display: block; overflow: hidden; text-indent: -999px; position: absolute; background-color: transparent; border: 0; font-size: 17px; right: 10px; top: 12px; color: #949ba6; font-weight: 700 } .sub-page .content .devices-filter-head .search-area button:before { display: block; text-indent: 0 !important; line-height: 19px } .sub-page .content .devices-filter { background: #f4f4f4; padding: 0 20px; overflow: hidden; padding-bottom: 10px } .sub-page .content .devices-filter hr { width: calc(120%); height: 2px; margin: 30px -20px; background: #e0e0e0 } .sub-page .content .devices-filter .RefinderClearLink { font-size: 1.1rem; color: #003251; font-family: 'CentraleSansBold'; text-decoration: underline; padding-right: 20px; position: relative; display: inline-block; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .content .devices-filter .RefinderClearLink::after { content: ''; font-family: icomoon !important; font-size: .8rem; text-decoration: none !important; position: absolute; right: 6px; top: 4px } .sub-page .content .devices-filter .filter-list ul li { margin-bottom: 15px } .sub-page .content .devices-filter .filter-list ul li label { font-size: 1.1rem; color: #002855 } .sub-page .content .devices-filter .filter-list ul li label em { color: #c3cbd4; font-size: .7rem; position: relative; top: -2px; margin-left: 4px } .sub-page .content .devices-filter .filter-list h3 { font-size: 1.2rem; margin-bottom: 20px; padding-bottom: 0 } .sub-page .content .devices-filter .filter-list .show-filter { color: #002855; font-size: 1.1rem; text-decoration: underline; font-family: 'CentraleSansBold', Verdana, sans-serif } .sub-page .content .devices-filter .filter-list .show-filter::after { content: ''; font-family: 'icomoon' !important; display: inline-block; margin-left: 8px; font-size: 10px; transform: rotate(90deg); -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .content .devices-filter .filter-list .show-filter.active::after { -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg) } .sub-page .content .filter-btn { background: #f4f4f4; padding: 0 20px 10px 20px; margin-top: -10px; overflow: hidden } .sub-page .content .filter-btn .btn { width: 100% } .sub-page .content .filter-btn hr { width: calc(120%); height: 2px; margin: 15px -20px; background: #e0e0e0 } .sub-page .content .device-compare-btn { background: #f4f4f4; padding: 20px; overflow: hidden; border-bottom: 1px solid #dbdfe4 } .sub-page .content .device-compare-btn.device-compare-btn a { position: relative; z-index: 11111; padding: 10px 20px } .sub-page .content .device-compare-btn>hr { display: none } .sub-page .content .device-compare-btn .btn-compare { width: 100%; background: #d6d6d6; color: #002855; position: relative; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .content .device-compare-btn .btn-compare.btn-passive { background: #d6d6d6; color: #96a2b2 } .sub-page .content .device-compare-btn .btn-compare.btn-passive:hover { background: #d6d6d6; color: #96a2b2 } .sub-page .content .device-compare-btn .btn-compare.btn-passive::before { background: #002855; color: #fff } .sub-page .content .device-compare-btn .btn-compare:hover { background: #bdbdbd } .sub-page .content .device-compare-btn .btn-compare::before { content: attr(data-before); display: block; position: absolute; right: 5px; top: -10px; padding: 5px 0; font-size: 1rem; width: 25px; height: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; background: #002855; color: #fff; text-align: center } .sub-page .content .device-compare-btn .btn-compare::after { content: ''; font-family: icomoon !important; font-size: .78rem; margin-left: 8px } .sub-page .content .device-compare-btn .btn-compare.count-hiden::before { display: none !important } .sub-page .content .device-compare-btn hr { width: calc(120%); height: 2px; margin: 15px -20px -15px -20px; background: #e0e0e0 } .sub-page .content .devices-list>div { margin-bottom: 10px } .sub-page .content .devices-list h2 { min-height: 35px; margin-bottom: 0 } .sub-page .content .devices-list figure { margin-bottom: 0 } .sub-page .content .devices-list figure .favorite { width: 80px; height: 80px; position: absolute; top: 0; left: 0; z-index: 15 } .sub-page .content .devices-list figure .favorite span { display: none } .sub-page .content .devices-list .add-compare { background: #f4f4f4; color: #fff; text-align: center; width: 100%; margin: 0; padding: 0; opacity: 0; margin-bottom: 25px; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .devices-list .add-compare .checkbox-ui-wrapper { padding: 11px 10px } .sub-page .content .devices-list .add-compare.show { opacity: 1 !important; background: #05b4c8 } .sub-page .content .devices-list .add-compare.show label { color: #fff !important; top: -2px !important } .sub-page .content .devices-list .add-compare.show span.checkbox-ui { width: 16px; height: 16px; border-color: #fff !important; background: #fff; top: 1px } .sub-page .content .devices-list .add-compare.show span.checkbox-ui::after { top: 1px; left: 1px } .sub-page .content .devices-list .add-compare.passive { opacity: 0 !important; pointer-events: none !important } .sub-page .content .devices-list .add-compare label { color: #002855 !important; top: -2px !important } .sub-page .content .devices-list .add-compare span.checkbox-ui { width: 16px; height: 16px; top: 1px } .sub-page .content .devices-list .add-compare span.checkbox-ui::after { top: 1px; left: 1px } .sub-page .content .devices-list .device-wrapper { height: 354px } .sub-page .content .devices-list .device-wrapper>figure.single-link>a { display: block; overflow: hidden; position: relative } .sub-page .content .devices-list .device-wrapper>figure.single-link>a::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: #63656a; opacity: 0; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .devices-list .device-wrapper>figure.single-link>a::before { content: ''; display: block; width: 112px; height: 87px; margin-top: -43px; margin-left: -66px; position: absolute; top: 50%; left: 50%; z-index: 11; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/pro-more-img.png) no-repeat center center; opacity: 0; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .devices-list .device-wrapper>figure.single-link>a img { position: relative; z-index: 5 } .sub-page .content .devices-list .device-wrapper:hover .add-compare { opacity: 1 } .sub-page .content .devices-list .device-wrapper:hover>figure>a::after { opacity: .6 } .sub-page .content .devices-list .device-wrapper:hover>figure>a::before { opacity: 1; top: 50% } .sub-page .content .devices-list .device-wrapper>figure.double-link { position: relative; overflow: hidden } .sub-page .content .devices-list .device-wrapper>figure.double-link .devices-order-triangle { width: 88px; height: 102px; position: absolute; left: 0; bottom: 0; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/device-order-triangle.png) no-repeat; display: block; opacity: 1; z-index: 11; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .devices-list .device-wrapper>figure.double-link .overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .sub-page .content .devices-list .device-wrapper>figure.double-link .overlay:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: #63656a; opacity: 0; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .devices-list .device-wrapper>figure.double-link .overlay .buttons { height: 92px; overflow: hidden; position: absolute; top: 50%; margin-top: -46px; z-index: 11; left: 40px; right: 40px; opacity: 0; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .devices-list .device-wrapper>figure.double-link .overlay .buttons a:first-child { margin-bottom: 10px } .sub-page .content .devices-list .device-wrapper>figure.double-link:hover .overlay:before { opacity: .6 } .sub-page .content .devices-list .device-wrapper>figure.double-link:hover .buttons { opacity: 1 } .sub-page .content .devices-list .device-wrapper>figure.double-link:hover .devices-order-triangle { opacity: 0 } .sub-page .content .devices-list .not-found-device { width: calc(100% - 15px); background: #f4f4f4; padding: 28px 45px 28px 110px; font-size: 1rem; color: #002a53; position: relative; line-height: 2rem } .sub-page .content .devices-list .not-found-device::before { content: ''; font-family: 'icomoon' !important; color: #fff; font-size: 30px; padding-top: 21px; text-align: center; width: 70px; height: 70px; display: block; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; background: #05b4c7; position: absolute; left: 20px; top: 20px } .sub-page .content .devices-list .add-compare { font-size: 1.1rem } .sub-page .content .devices-list .add-compare label { color: #002855; display: inline-block; cursor: pointer; font-size: 1rem } .sub-page .content .devices-list .btn-detail { width: 100%; margin: 5px 0; font-family: 'CentraleSansMedium', Verdana, sans-serif } .sub-page .content .devices-list .btn-detail::after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; padding-left: 10px; font-size: .7143rem } .sub-page .content .devices-list .btn-add-compare { width: 100%; margin: 5px 0; background: #f4f4f4; color: #002855; font-family: 'CentraleSansMedium', Verdana, sans-serif } .sub-page .content .devices-list .btn-add-compare .disable { color: #bbc3cc; cursor: none; cursor: no-drop; pointer-events: none } .sub-page .content .devices-list .btn-back { padding: 13px 20px; float: right } .sub-page .content .devices-list .btn-back i { margin-left: -5px; font-size: .8rem } .sub-page .content .device-detail .device-slider { width: 100%; height: 100% } .sub-page .content .device-detail .device-slider .owl-stage-outer { z-index: 0 } .sub-page .content .device-detail .device-slider .owl-item img { width: 100% } .sub-page .content .device-detail .device-slider .owl-controls { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; display: block !important; opacity: 1 !important } .sub-page .content .device-detail .device-slider .owl-controls .owl-nav { height: 100% } .sub-page .content .device-detail .device-slider .owl-controls .owl-nav .owl-prev { width: 85px; height: 100%; float: left; position: relative } .sub-page .content .device-detail .device-slider .owl-controls .owl-nav .owl-prev::before { content: ''; color: #05b4c8; font-size: 2.7rem; font-family: 'icomoon' !important; width: 27px; height: 44px; margin-top: -22px; position: absolute; top: 50%; left: 0 } .sub-page .content .device-detail .device-slider .owl-controls .owl-nav .owl-next { width: 85px; height: 100%; float: right; position: relative } .sub-page .content .device-detail .device-slider .owl-controls .owl-nav .owl-next::before { content: ''; color: #05b4c8; font-size: 2.7rem; font-family: 'icomoon' !important; width: 27px; height: 44px; margin-top: -22px; position: absolute; top: 50%; right: 10px } .sub-page .content .device-detail h2 { font-size: 1.6rem; font-family: 'CentraleSansMedium', Verdana, sans-serif; margin-bottom: 20px } .sub-page .content .device-detail p { color: #515151 } .sub-page .content .device-detail .btn-online-apply { width: 255px } .sub-page .content .device-detail .btn-online-apply::after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; padding-left: 10px; font-size: .7143rem } .sub-page .content .device-detail .detail-blocks { margin-top: 40px } .sub-page .content .device-detail .detail-blocks .block { display: inline-block; width: 140px; margin-right: 30px; margin-bottom: 15px } .sub-page .content .device-detail .detail-blocks .block span { display: block; margin-bottom: 10px; color: #515151; font-size: 1.15rem } .sub-page .content .device-detail .detail-blocks .block span.lead { color: #002a53; font-family: 'CentraleSansMedium', Verdana, sans-serif; font-size: 1.55rem } .sub-page .content .device-detail .detail-blocks .block span strong { color: #002a53; font-family: 'CentraleSansMedium', Verdana, sans-serif; font-size: 1.55rem } .sub-page .content .device-detail .detail-blocks .block.price { width: 110px; height: 125px; display: inline-block; position: relative; color: #fff; font-size: 1.8rem; font-family: 'CentraleSansBold'; padding: 45px 12px } .sub-page .content .device-detail .detail-blocks .block.price span { position: relative; z-index: 2; font-family: 'CentraleSansBook', Verdana, sans-serif; font-size: 1rem; display: block; color: #fff; margin-top: 5px } .sub-page .content .device-detail .detail-blocks .block.price::before { content: ''; font-family: 'icomoon' !important; position: absolute; left: -8px; top: 0; z-index: -1; font-size: 125px; color: #08bec9 } .sub-page .content .device-detail .detail-blocks .block.invoiced { width: 100%; margin-bottom: 10px } .sub-page .content .device-detail .detail-blocks .block.invoiced span.lead { color: #515151; font-size: 1.15rem; font-family: 'CentraleSansBook', Verdana, sans-serif } .sub-page .content .device-detail .detail-blocks .block.invoiced strong { color: #002a53; font-family: 'CentraleSansMedium', Verdana, sans-serif; font-size: 1.55rem } .sub-page .content .device-detail .detail-blocks .block.only-text { width: 100%; margin-top: 43px } .sub-page .content .campaign-list .campaign-block { margin-bottom: 50px } .sub-page .content .campaign-list .campaign-block h4 { width: 100%; text-align: center; font-family: 'CentraleSansBold'; font-size: 1.2rem; color: #002855 } .sub-page .content .campaign-list .campaign-block figure { width: 100%; padding: 20px; border: 1px solid #e2e2e2 } .sub-page .content .campaign-list .campaign-block .campaign-properties { display: block; height: 85px; text-align: center; margin-left: -15px; margin-right: -15px } .sub-page .content .campaign-list .campaign-block .campaign-properties li { display: inline-block; width: 49%; margin-bottom: 10px; padding-left: 14px; padding-right: 14px } .sub-page .content .campaign-list .campaign-block .campaign-properties li>span { display: block; text-align: left; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; height: 35px } .sub-page .content .campaign-list .campaign-block .campaign-properties li>span>i { display: inline-block; width: 30px; height: 30px; position: relative; float: left; font-size: 1.5rem; padding-top: 4px; font-weight: bold } .sub-page .content .campaign-list .campaign-block .campaign-properties li>span>i.icon-Wifi { color: #002855 } .sub-page .content .campaign-list .campaign-block .campaign-properties li>span>i.icon-TV-v2 { color: #0082ca } .sub-page .content .campaign-list .campaign-block .campaign-properties li>span>i.icon-device { color: #cedc00 } .sub-page .content .campaign-list .campaign-block .campaign-properties li>span>i.icon-phone { color: #08bec9 } .sub-page .content .campaign-list .campaign-block .campaign-properties li>span>span { display: inline-block; float: left; color: #002855; font-size: .85rem; line-height: 1.09rem; font-family: 'CentraleSansBook', Verdana, sans-serif } .sub-page .content .campaign-list .campaign-block .campaing-short-description { font-size: 1rem; color: #002855; margin-bottom: 20px; line-height: 1.1rem } .sub-page .content .campaign-list .campaign-block .campaign-price { text-align: center; font-size: 1.2rem; color: #002855; margin-top: 20px; height: 60px } .sub-page .content .campaign-list .campaign-block .campaign-price i { color: #cedc00; font-size: 1.1rem } .sub-page .content .campaign-list .campaign-block .campaign-price span.price { font-family: 'CentraleSansBold', Verdana, sans-serif; font-size: 1.4rem } .sub-page .content .campaign-list .campaign-block .btnApplySpecificBtn.populerCampaignBtn { margin-top: 12px; display: block } .sub-page .content .campaign-list .campaign-block .campaign-apply-button { width: 100%; text-align: center } .sub-page .content .campaign-list .campaign-block .btn-apply { margin: 0 auto } .sub-page .content .campaign-list .campaign-block .btn-apply i { font-size: .8rem } .sub-page .content .radio-tab-list { margin-bottom: 30px } .sub-page .content .radio-tab-list .item { margin-right: 30px } .sub-page .content .radio-tab-list .item label { font-size: 1.2rem; font-family: "CentraleSansBold", Verdana, sans-serif; color: #002a53 } .sub-page .content .nav-tabs, .sub-page .content .nav-tabs-links { border-bottom: 10px solid #05b4c8 } .sub-page .content .nav-tabs li, .sub-page .content .nav-tabs-links li { text-align: center; margin-bottom: 0; padding-right: 1px; float: left; vertical-align: bottom } .sub-page .content .nav-tabs li a, .sub-page .content .nav-tabs-links li a { display: block; background: #e5e5e5; padding: 15px 10px; color: #72869d; font-family: 'CentraleSansBold', Verdana, sans-serif; border: 0 !important; border-radius: 0 !important; margin: 0; margin-top: -1px } .sub-page .content .nav-tabs li a:hover, .sub-page .content .nav-tabs-links li a:hover, .sub-page .content .nav-tabs li a:focus, .sub-page .content .nav-tabs-links li a:focus { background: #05b4c8; color: #cdf0f4 } .sub-page .content .nav-tabs li.active a, .sub-page .content .nav-tabs-links li.active a { background: #05b4c8; color: #cdf0f4; padding: 20px 14px; position: relative; margin-top: -10px } .sub-page .content .nav-tabs li:first-child, .sub-page .content .nav-tabs-links li:first-child { margin-left: 0 } .sub-page .content .nav-tabs li:last-child, .sub-page .content .nav-tabs-links li:last-child { margin-right: 0; padding-right: 0 } .sub-page .content .nav-tabs.col-8 li, .sub-page .content .nav-tabs-links.col-8 li { width: 12.5% } .sub-page .content .nav-tabs.col-8 li:first-child, .sub-page .content .nav-tabs-links.col-8 li:first-child { margin-left: 0 } .sub-page .content .nav-tabs.col-8 li:last-child, .sub-page .content .nav-tabs-links.col-8 li:last-child { margin-right: 0 } .sub-page .content .nav-tabs.col-8 li a, .sub-page .content .nav-tabs-links.col-8 li a { font-size: .8rem; padding: 15px 2px } .sub-page .content .nav-tabs.col-8 li.active a, .sub-page .content .nav-tabs-links.col-8 li.active a { padding: 20px 2px } .sub-page .content .nav-tabs.col-7 li, .sub-page .content .nav-tabs-links.col-7 li { width: 14.285714% } .sub-page .content .nav-tabs.col-7 li:first-child, .sub-page .content .nav-tabs-links.col-7 li:first-child { margin-left: 0 } .sub-page .content .nav-tabs.col-7 li:last-child, .sub-page .content .nav-tabs-links.col-7 li:last-child { margin-right: 0 } .sub-page .content .nav-tabs.col-7 li a, .sub-page .content .nav-tabs-links.col-7 li a { font-size: .8rem; padding: 15px 2px } .sub-page .content .nav-tabs.col-7 li.active a, .sub-page .content .nav-tabs-links.col-7 li.active a { padding: 20px 2px } .sub-page .content .nav-tabs.col-6 li, .sub-page .content .nav-tabs-links.col-6 li { width: 16.666% } .sub-page .content .nav-tabs.col-6 li:first-child, .sub-page .content .nav-tabs-links.col-6 li:first-child { margin-left: 0 } .sub-page .content .nav-tabs.col-6 li:last-child, .sub-page .content .nav-tabs-links.col-6 li:last-child { margin-right: 0 } .sub-page .content .nav-tabs.col-6 li a, .sub-page .content .nav-tabs-links.col-6 li a { font-size: .8rem; padding: 15px 2px } .sub-page .content .nav-tabs.col-6 li.active a, .sub-page .content .nav-tabs-links.col-6 li.active a { padding: 20px 2px } .sub-page .content .nav-tabs.col-5 li, .sub-page .content .nav-tabs-links.col-5 li { width: 20% } .sub-page .content .nav-tabs.col-5 li:first-child, .sub-page .content .nav-tabs-links.col-5 li:first-child { margin-left: 0 } .sub-page .content .nav-tabs.col-5 li:last-child, .sub-page .content .nav-tabs-links.col-5 li:last-child { margin-right: 0 } .sub-page .content .nav-tabs.col-4 li, .sub-page .content .nav-tabs-links.col-4 li { width: 25% } .sub-page .content .nav-tabs.col-4 li:first-child, .sub-page .content .nav-tabs-links.col-4 li:first-child { margin-left: 0 } .sub-page .content .nav-tabs.col-4 li:last-child, .sub-page .content .nav-tabs-links.col-4 li:last-child { margin-right: 0 } .sub-page .content .nav-tabs.col-3 li, .sub-page .content .nav-tabs-links.col-3 li { width: 33.333% } .sub-page .content .nav-tabs.col-3 li:first-child, .sub-page .content .nav-tabs-links.col-3 li:first-child { margin-left: 0 } .sub-page .content .nav-tabs.col-3 li:last-child, .sub-page .content .nav-tabs-links.col-3 li:last-child { margin-right: 0 } .sub-page .content .nav-tabs.col-2 li, .sub-page .content .nav-tabs-links.col-2 li { width: 50% } .sub-page .content .nav-tabs.col-2 li:first-child, .sub-page .content .nav-tabs-links.col-2 li:first-child { margin-left: 0 } .sub-page .content .nav-tabs.col-2 li:last-child, .sub-page .content .nav-tabs-links.col-2 li:last-child { margin-right: 0 } .sub-page .content .nav-tabs.col-1 li, .sub-page .content .nav-tabs-links.col-1 li { width: 100% } .sub-page .content .nav-tabs.col-1 li:first-child, .sub-page .content .nav-tabs-links.col-1 li:first-child { margin-left: 0 } .sub-page .content .nav-tabs.col-1 li:last-child, .sub-page .content .nav-tabs-links.col-1 li:last-child { margin-right: 0 } .sub-page .content .tab-content { padding: 30px 0 } .sub-page .content .select-tabs-inserted fieldset { position: relative; background: #fff } .sub-page .content .select-tabs-inserted fieldset::before { transform: rotate(180deg); content: ''; color: #bcc3cd; font-size: 12px; font-family: 'icomoon' !important; display: block; position: absolute; right: 10px; top: 17px } .sub-page .content .select-tabs-inserted select { width: 100%; position: relative; border: 1px solid #bcc3cd; background-color: transparent; padding: 15px; color: #002854; font-family: 'CentraleSansMedium', Verdana, sans-serif; -webkit-appearance: none } .sub-page .content .accordion { width: 100% } .sub-page .content .accordion .accordion-group { border-bottom: 1px solid #e0e3e7 } .sub-page .content .accordion .accordion-group .accordion-heading a { color: #002a53; text-decoration: none; font-size: 1.2rem; font-family: 'CentraleSansBold'; position: relative; display: block; width: 100%; height: 100%; padding: 25px 0; padding-right: 20px } .sub-page .content .accordion .accordion-group .accordion-heading a::after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); content: ''; font-family: 'icomoon' !important; display: block; width: 15px; height: 15px; position: absolute; right: 0; top: 27px; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .accordion .accordion-group .accordion-heading a.collapsed::after { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0) } .sub-page .content .accordion .accordion-group .accordion-body .accordion-inner { padding: 32px 0 } .sub-page .content .accordion .accordion-group .accordion-body .accordion-inner:last-child { padding-bottom: 5px } .sub-page .content .accordion.style-2 .accordion-group { margin-bottom: 16px; border: 0 } .sub-page .content .accordion.style-2 .accordion-group .accordion-heading a { padding: 15px; padding: 20px 40px 20px 15px; background: #e5e5e5; color: #002855; font-size: 1.15rem; font-family: 'CentraleSansMedium', Verdana, sans-serif } .sub-page .content .accordion.style-2 .accordion-group .accordion-heading a:after { top: 50%; right: 15px; margin-top: -6px } .sub-page .content .accordion-sub { margin: 0; margin-left: 2%; width: 98% } .sub-page .content .accordion-sub .accordion-group { border-bottom: 1px solid #e0e3e7 } .sub-page .content .accordion-sub .accordion-group:last-child { border: 0 } .sub-page .content .accordion-sub .accordion-heading a { color: #0082ca !important; font-size: 1rem !important; font-family: 'CentraleSansMedium', Verdana, sans-serif !important } .sub-page .content .accordion-sub .accordion-heading a:hover, .sub-page .content .accordion-sub .accordion-heading a:focus { color: #002855 !important } .sub-page .content .accordion-sub .accordion-body { padding: 15px 0 } .sub-page .content .accordion-sub .accordion-body p { padding-bottom: 5px } .sub-page .content .accordion-sub .accordion-body .accordion-inner:last-child { padding-bottom: 5px } .sub-page .content .faqStyle { width: 100%; margin-bottom: 20px; clear: both; position: relative; z-index: 0 } .sub-page .content .faqStyle .faqItem { border-bottom: 1px solid #e0e3e7 } .sub-page .content .faqStyle .faqItem .faqTitle { cursor: pointer } .sub-page .content .faqStyle .faqItem .faqTitle a { color: #002a53; text-decoration: none; font-size: 1.2rem; font-family: 'CentraleSansBold'; position: relative; display: block; width: 100%; height: 100%; padding: 25px 0; cursor: pointer; padding-right: 25px; line-height: 1.5rem } .sub-page .content .faqStyle .faqItem .faqTitle a:hover, .sub-page .content .faqStyle .faqItem .faqTitle a:focus { color: #08bec9 } .sub-page .content .faqStyle .faqItem .faqTitle a::after { content: ''; font-family: 'icomoon' !important; display: block; width: 16px; height: 14px; position: absolute; right: 0; top: 50%; margin-top: -7px; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .faqStyle .faqItem .faqContent { width: 100%; padding: 10px 0; display: none } .sub-page .content .faqStyle .faqItem .faqContent .tableArea th { width: auto } .sub-page .content .faqStyle .faqItem .faqContent .tableArea thead tr th { background: #0082ca; color: #fff; border: 0 } .sub-page .content .faqStyle .faqItem.active .faqTitle a { color: #08bec9 !important } .sub-page .content .faqStyle .faqItem.active .faqTitle a::after { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .sub-page .content .packages .packages-wrapper { border: 2px solid #e5e5e5; padding: 20px } .sub-page .content .packages .packages-wrapper h3 { width: 100%; text-align: center; font-size: 1.2rem; font-family: 'CentraleSansBold'; color: #002855; margin-bottom: 5px; padding-bottom: 0 } .sub-page .content .packages .packages-wrapper span.gb-size { width: 100%; display: block; text-align: center; font-size: 2.3rem; font-family: 'CentraleSansXBold'; color: #002855; margin-bottom: 35px } .sub-page .content .packages .packages-wrapper img { width: 75%; display: block; margin: 0 auto 35px auto } .sub-page .content .packages .packages-wrapper span.price { display: block; margin-bottom: 18px; color: #002855; text-align: center; font-size: 1.2rem } .sub-page .content .packages .packages-wrapper span.limit { display: block; font-size: 1rem; color: #002855; padding: 18px 0; margin-bottom: 20px; border-bottom: 2px solid #f2f4f6; border-top: 2px solid #f2f4f6; text-align: center } .sub-page .content .packages .packages-wrapper span.limit::before { content: ''; font-family: 'icomoon' !important; margin-right: 10px } .sub-page .content .packages .packages-wrapper span.limit.color-1:before { color: #cedc00 } .sub-page .content .packages .packages-wrapper span.limit.color-2:before { color: #05b4c7 } .sub-page .content .packages .packages-wrapper span.limit.color-3:before { color: #0082ca } .sub-page .content .packages .packages-wrapper a.btn-buy-now { width: 100%; text-align: left; color: #fff; margin: 0 } .sub-page .content .packages .packages-wrapper a.btn-buy-now::after { content: ''; font-family: 'icomoon' !important; float: right; color: #fff; font-size: 9px; position: relative; top: 3px } .sub-page .content .checkbox-ui-wrapper { position: relative; cursor: pointer } .sub-page .content .checkbox-ui-wrapper label { position: relative; top: -4px; cursor: pointer } .sub-page .content .checkbox-ui-wrapper span.checkbox-ui { width: 20px; height: 20px; display: inline-block; border: 2px solid #05b4c7; margin-right: 10px; position: relative; background: #fff; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .content .checkbox-ui-wrapper span.checkbox-ui::after { content: ''; font-family: 'icomoon' !important; color: #08bec9; top: 3px; left: 3px; position: absolute; font-size: 11px; display: block; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .checkbox-ui-wrapper span.checkbox-ui:hover { border: 2px solid #04b5c7 } .sub-page .content .checkbox-ui-wrapper:hover { color: #002855 } .sub-page .content .checkbox-ui-wrapper.active span.checkbox-ui::after { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } .sub-page .content .radiobox-ui-wrapper { position: relative; cursor: pointer } .sub-page .content .radiobox-ui-wrapper label { position: relative; top: -4px; cursor: pointer } .sub-page .content .radiobox-ui-wrapper span.radiobox-ui { width: 20px; height: 20px; display: inline-block; border: 2px solid #05b4c7; margin-right: 10px; position: relative; border-radius: 20px } .sub-page .content .radiobox-ui-wrapper span.radiobox-ui::after { content: ''; background: #08bec9; top: 4px; left: 4px; position: absolute; width: 8px; height: 8px; display: block; border-radius: 20px; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .radiobox-ui-wrapper:hover { color: #002855 } .sub-page .content .radiobox-ui-wrapper.active span.radiobox-ui::after { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } .sub-page .content-property-area .block { display: inline-block; width: 180px; margin-right: 30px; margin-bottom: 15px; vertical-align: top } .sub-page .content-property-area .block span { display: block; margin-bottom: 10px; color: #515151; font-size: 1.15rem } .sub-page .content-property-area .block span.lead { color: #002a53; font-family: 'CentraleSansMedium', Verdana, sans-serif; font-size: 1.55rem } .sub-page .content-property-area .block span strong { color: #002a53; font-family: 'CentraleSansMedium', Verdana, sans-serif; font-size: 1.55rem } .sub-page .content-property-area .block.price { width: 110px; height: 125px; display: inline-block; position: relative; color: #fff; font-size: 1.8rem; font-family: 'CentraleSansBold'; padding: 45px 12px } .sub-page .content-property-area .block.price span { position: relative; z-index: 2; font-family: 'CentraleSansBook', Verdana, sans-serif; font-size: 1rem; display: block; color: #fff; margin-top: 5px } .sub-page .content-property-area .block.price::before { content: ''; font-family: 'icomoon' !important; position: absolute; left: -8px; top: 0; z-index: -1; font-size: 125px; color: #08bec9 } .sub-page .content-property-area .block.invoiced { width: 100%; margin-bottom: 10px } .sub-page .content-property-area .block.invoiced span.lead { color: #515151; font-size: 1.15rem; font-family: 'CentraleSansBook', Verdana, sans-serif } .sub-page .content-property-area .block.invoiced strong { color: #002a53; font-family: 'CentraleSansMedium', Verdana, sans-serif; font-size: 1.55rem } .sub-page .sidebar { margin-top: 38px } .sub-page .sidebar .button-area { width: 100%; position: relative; left: 0; margin: 0 0 30px 0; padding: 0; vertical-align: top } .sub-page .sidebar .button-area .button-wrapper { float: none; width: 100% } .sub-page .sidebar .button-area a { float: none; width: 100% } .sub-page .sidebar .btn { width: 100%; margin-top: 0; margin-bottom: 30px; text-align: left; font-size: 1.3rem } .sub-page .sidebar .btn.btn-red { background: #e63323; color: #fff } .sub-page .sidebar .btn::after { content: ''; font-family: 'icomoon' !important; float: right; color: #fff; font-size: 12px; position: relative; top: 4px } .sub-page .sidebar h4 { font-size: 1.3rem; line-height: 1.3 } .sub-page .sidebar h3, .sub-page .sidebar h4 { margin-bottom: 15px; padding-bottom: 0 } .sub-page .sidebar nav { margin-bottom: 40px } .sub-page .sidebar nav li { border-top: 1px solid #ededed; position: relative } .sub-page .sidebar nav li a { display: block; padding: 18px 0; color: #002a53; font-size: 1.15rem; line-height: 1.5rem; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .sidebar nav li a:hover, .sub-page .sidebar nav li a:focus { color: #08bec9 } .sub-page .sidebar nav li a.selectedrigthnavigation3, .sub-page .sidebar nav li a.selectedrigthnavigation2, .sub-page .sidebar nav li a.rightnavigationactive2, .sub-page .sidebar nav li a.rightnavigationactive1 { color: #08bec9; cursor: pointer; padding-left: 18px } .sub-page .sidebar nav li a.selectedrigthnavigation3:before, .sub-page .sidebar nav li a.selectedrigthnavigation2:before, .sub-page .sidebar nav li a.rightnavigationactive2:before, .sub-page .sidebar nav li a.rightnavigationactive1:before { content: ''; font-family: 'icomoon' !important; margin-left: -20px; margin-right: 5px; font-size: .88rem; position: relative; top: 1px } .sub-page .sidebar nav li.active a { color: #08bec9 } .sub-page .sidebar nav li>ul { margin-top: 0; margin-bottom: 15px } .sub-page .sidebar nav li>ul li { padding-left: 20px; border-top: 0 } .sub-page .sidebar nav li>ul li a { padding: 3px 0; font-size: 1rem } .sub-page .sidebar nav li>ul li.active::after { content: ''; font-family: 'icomoon' !important; float: left; color: #08bec9; font-size: 12px; position: absolute; top: 8px; left: 0 } .sub-page .related-content li { width: 100%; position: relative; margin-bottom: 30px; display: block; overflow: hidden } .sub-page .related-content li img { width: 100%; position: relative; z-index: 0; -webkit-transition: all 1000ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 1000ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 1000ms cubic-bezier(.25, .25, .75, .75); transition: all 1000ms cubic-bezier(.25, .25, .75, .75) } .sub-page .related-content li h4 { width: 100%; position: absolute; margin-bottom: 0; bottom: 0; left: 0; z-index: 1; color: #fff; font-size: 1.1rem; padding: 20px; font-family: 'CentraleSansMedium', Verdana, sans-serif; line-height: 1.5rem; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/heading-bg-blue.png) 0 0; background-size: cover; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .related-content li.blue h4 { background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/heading-bg-blue.png) 0 0 } .sub-page .related-content li.red h4 { background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/heading-bg-red.png) 0 0 } .sub-page .related-content li.yellow h4 { background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/heading-bg-yellow.png) 0 0 } .sub-page .related-content li:hover img { transform: scale(1.05) } .sub-page .related-content li:hover h4 { padding: 5px 20px } .sub-page .related-products h2 { width: 100%; padding-bottom: 10px; margin-bottom: 20px } .sub-page .related-products ul li a { display: block; background: #fff; padding: 10px; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .related-products ul li a h3 { padding-bottom: 0; margin-bottom: 10px; font-size: 1.2rem; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .related-products ul li a figure { width: 100%; height: 100%; position: relative; overflow: hidden } .sub-page .related-products ul li a figure img { width: 100%; position: relative; z-index: 9 } .sub-page .related-products ul li a figure::before { content: ''; display: block; width: 112px; height: 87px; margin-top: -43px; margin-left: -56px; position: absolute; top: 50%; left: 50%; z-index: 11; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/pro-more-img.png) no-repeat center center; opacity: 0; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .related-products ul li a figure::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: #63656a; opacity: 0; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .related-products ul li a:hover { background: #37c3d3 } .sub-page .related-products ul li a:hover h3 { color: #fff } .sub-page .related-products ul li a:hover figure::before { opacity: 1 } .sub-page .related-products ul li a:hover figure::after { opacity: .5 } .sub-page .related-products a.btn-all-devices { width: 100%; margin: 20px 0; background: #f4f4f4; color: #002855; font-size: 1.15rem; padding: 17px 15px } .sub-page .related-products a.btn-all-devices::after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; padding-left: 10px; font-size: .7143rem } .sub-page .related-products a.btn-all-devices:hover { background: #ebebeb } .sub-page table.device-compare { width: 100% } .sub-page table.device-compare thead { -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page table.device-compare thead tr th:first-child { vertical-align: bottom } .sub-page table.device-compare tr th { width: 25%; vertical-align: top; text-align: left; font-family: 'CentraleSansMedium', Verdana, sans-serif; padding: 15px } .sub-page table.device-compare tr th>a { width: 80%; display: block; position: relative } .sub-page table.device-compare tr th>a::before { content: ''; display: block; width: 112px; height: 87px; margin-top: -43px; margin-left: -56px; position: absolute; top: 50%; left: 50%; z-index: 11; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/pro-more-img.png) no-repeat center center; opacity: 0; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page table.device-compare tr th>a::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: #63656a; opacity: 0; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page table.device-compare tr th>a:hover::before { opacity: 1 } .sub-page table.device-compare tr th>a:hover::after { opacity: .6 } .sub-page table.device-compare tr th img { width: 100%; position: relative; z-index: 0; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page table.device-compare tr th h3 { color: #002a53; font-size: 1.5rem; margin-bottom: 45px } .sub-page table.device-compare tr th h3 a:hover { text-decoration: underline !important } .sub-page table.device-compare tr td { width: 25%; padding: 15px 15px 30px 15px; vertical-align: top; border: 1px solid #dfdfdf; color: #515151; font-family: 'CentraleSansBook', Verdana, sans-serif; font-size: 1.1rem } .sub-page table.device-compare tbody tr:last-child th { border-bottom: 0 } .sub-page table.device-compare tbody tr:last-child td { border-bottom: 0 } .sub-page table.device-compare tbody tr td:last-child { border-right: 0 } .sub-page table.device-compare tbody td { -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page table.device-compare tbody td.highlighted { background: #fafbfc } .sub-page table.device-compare tbody th { padding: 15px 15px 35px 15px; vertical-align: top; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; font-size: 1.2rem; color: #002a53; font-family: 'CentraleSansBold', Verdana, sans-serif } .sub-page table.device-compare tbody tr.info-btnclass td:first-child { border-left: 0 } .sub-page table.device-compare tbody tr.info-btnclass td a.btn { width: 100%; padding: 20px 15px; font-size: 1.1rem } .sub-page table.device-compare.fixed-head { margin-top: 360px; width: 100% } .sub-page table.device-compare.fixed-head thead { width: 100%; border-bottom: 1px solid #ddd; position: fixed; top: 0; left: 0; background: #fff } .sub-page table.device-compare.fixed-head thead tr { margin: 0 auto; display: block; padding-left: 15px; padding-right: 15px } .sub-page table.device-compare.fixed-head thead tr h3 { margin-bottom: 0; font-size: 1.25rem } .sub-page table.device-compare.fixed-head thead th { vertical-align: middle } .sub-page table.device-compare.fixed-head thead th a::before { display: none !important } .sub-page table.device-compare.fixed-head thead th a::after { display: none !important } .sub-page table.device-compare.fixed-head thead th a:hover { text-decoration: underline !important } .sub-page table.device-compare.fixed-head thead th img { width: 20%; float: left; margin-right: 20px } .sub-page table.device-compare.fixed-head thead th h3 { margin-bottom: 0; font-size: 1.25rem } .sub-page nav.left-menu { width: 100%; margin-top: 35px } .sub-page nav.left-menu h3 { padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; margin-bottom: 0 !important } .sub-page nav.left-menu ul li { padding: 5px 0; border-bottom: 1px solid #e5e5e5; font-family: 'CentraleSansBook', Verdana, sans-serif } .sub-page nav.left-menu ul li a { padding: 15px 0; display: block; background: none !important; font-size: 1.2rem; color: #002a53; line-height: 1.3rem; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page nav.left-menu ul li a:hover { color: #05b4c7 } .sub-page nav.left-menu ul li:last-child { border-bottom: 0 } .sub-page nav.left-menu ul li.active a { color: #5dcedb !important } .sub-page nav.left-menu ul li>ul li { padding-left: 20px; border: 0; margin: 10px 0; position: relative } .sub-page nav.left-menu ul li>ul li::before { content: ''; font-family: 'icomoon' !important; font-size: .8rem; position: absolute; left: 0; top: 8px; color: #05b4c7 } .sub-page nav.left-menu ul li>ul li a { color: #4c6986; padding: 0; font-size: 1rem } .sub-page .form-area label { font-size: 1.1rem; color: #002a53; font-weight: 500; font-family: 'CentraleSansBook', Verdana, sans-serif; margin-bottom: 5px } .sub-page .form-area .input-item { margin: 5px 0 20px 0; position: relative } .sub-page .form-area .input-item.price { margin: 0 } .sub-page .form-area .input-item.price span.price { position: absolute; right: 8px; top: 10px; font-family: 'CentraleSansBook', Verdana, sans-serif; font-size: 1.3rem; color: #002a53 } .sub-page .form-area input, .sub-page .form-area textarea { width: 100%; height: auto; background: #fff; border: 1px solid #bfc9d4; padding: 9px; font-size: 1rem; color: #6c6c6c; outline: none; -moz-border-radius: 0; -webkit-border-radius: 0; resize: none; border-radius: 0; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .form-area input:hover, .sub-page .form-area textarea:hover { border-color: #05b4c7 } .sub-page .form-area select { width: 100%; height: auto; background: #fff; border: 1px solid #bfc9d4; padding: 8px; font-size: 1rem; color: #6c6c6c; outline: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .form-area select:hover { border-color: #05b4c7 } .sub-page .form-area .input-group .item { float: left; margin-right: 15px } .sub-page .form-area .input-group .item:last-child { margin-right: 0 } .sub-page .form-area label.error { margin-top: 10px; color: red; font-size: .9rem } .sub-page .form-area .pt10 { padding-top: 10px } .sub-page .form-area .select2-container .select2-selection--single { width: 100%; height: auto; background: #fff; border: 1px solid #bfc9d4; padding: 8px; font-size: 1rem; color: #6c6c6c; outline: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .form-area .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 20px } .sub-page .form-area .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100% } footer { background: #fff } footer .footer-top { border-top: 2px solid #e9f1f8; margin-top: 15px } footer .footer-top .footer-logo { padding-top: 10px; padding-left: 15px; display: inline-block } footer .footer-top .footer-top-text { padding: 18px 0 20px 0; float: left } footer .footer-top .footer-top-text span { font-size: 20px; color: #002855; text-decoration: none; margin-right: 40px; vertical-align: top } footer .footer-top .footer-top-text a { font-size: 1.333rem; line-height: 22px; color: #002855; text-decoration: none; margin-right: 40px; padding-bottom: 0; vertical-align: top } footer .footer-top .footer-top-text a:hover { color: #05b4c7 } footer .footer-top ul.links { display: inline-block; text-align: right; float: right; margin-right: -25px } footer .footer-top ul.links li { display: inline-block; font-size: 16px; color: #667f98; text-decoration: none; margin-right: 10px; padding: 3px 10px 5px 0; vertical-align: top } footer .footer-top ul.links li a { color: #667f98 } footer .footer-top ul.links li a:hover { color: #05b4c7 } footer .footer-top ul.links li.tt-acc { padding-top: 5px; padding-right: 100px } footer .footer-top ul.links li.map { padding-top: 5px; padding-right: 100px } footer .footer-top ul.links li.map a { color: #11365f } footer .footer-top ul.links li.map i { font-size: 32px; position: relative; top: 8px; color: #00c2e0 } footer .footer-top ul.links li.call-center { padding-top: 18px; padding-right: 100px } footer .footer-top ul.links li.call-center a { font-size: 1.43rem } footer .footer-top .social-icon { float: right; padding: 10px 0 10px 0; margin-right: 10px } footer .footer-top .social-icon span { width: 35px; height: 35px; display: block; text-align: center; margin-left: 10px; float: left } footer .footer-top .social-icon a { font-size: 20px; display: block; color: #667f98; text-decoration: none; padding: 7px 5px; text-align: center; width: 35px; height: 35px; box-sizing: border-box } footer .footer-top .social-icon a.icon-google { font-size: 27px; position: relative; top: -2px } footer .footer-top .social-icon a.icon-twitter { position: relative; top: 1px } footer .footer-top .social-icon a.icon-youtube { position: relative; top: 2px } footer .footer-top .social-icon a.icon-facebook:hover { color: #28528d } footer .footer-top .social-icon a.icon-twitter:hover { color: #00abd4 } footer .footer-top .social-icon a.icon-google:hover { color: #df4f3f } footer .footer-top .social-icon a.icon-youtube:hover { color: #c20f05 } footer .footer-link { clear: both } footer .footer-link .footer-link-inner { margin: 0 auto } footer .footer-link a { font-family: 'CentraleSansMedium', Verdana, sans-serif; font-size: 1.167rem; color: #667f98; text-decoration: none; display: inline-block; float: left; margin-right: 33px; margin-bottom: 30px; padding: 4px 0 2px 0; white-space: nowrap } footer .msie .footer-link a { margin-right: 31px } footer .footer-link a.footer-link-last { margin-right: 0 } footer .footer-link a:hover { color: #05b4c7 } footer .footer-link .copyright { border-top: 2px solid #e9f1f8; padding: 25px 0 25px 0; overflow: hidden } footer .footer-link .copyright p { font-size: .967rem; color: #667f98; padding: 5px 0; text-size-adjust: none; float: left } footer .footer-link .copyright p.copyright-text { font-size: 13px; line-height: 16px } #map { width: 100%; height: 520px; background-image: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/map/mapLoader.gif); background-repeat: no-repeat; background-position: center center } #map-wrap .map-inner { width: 980px; margin: 0 auto; position: relative; z-index: 10 } .map-searchBox, .map-zoom { position: absolute; top: 40px } .map-searchBox { width: 320px; height: 120px; left: 0; background: #fff; padding: 19px } .map-searchBox .loader { display: none; width: 32px; height: 32px; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/map/mapLoader.gif) #e2e5dc no-repeat left top; position: absolute; right: 33px; top: 57px } .map-searchBox h4 { font-weight: bold; font-size: 1rem; color: #002a53; margin-bottom: 16px } .map-searchBox input { width: 100%; height: 50px; font-size: 13px; color: #666; padding: 0 45px 0 16px; background: #fff; border: 2px solid #dce7f1; float: left; line-height: 50px; outline: none; position: relative; z-index: 0 } .map-searchBox a { display: inline-block; width: 24px; height: 24px; float: left; position: absolute; right: 35px; bottom: 32px; font-size: 1.7rem; color: #002a53 } .map-searchBox a:hover { text-decoration: none !important } .map-zoom { right: 0 } .map-zoom a { display: block; width: 60px; height: 40px; margin-bottom: 4px; background: #fff; font-size: 1.5rem; color: #002a53; padding: 10px 19px } .map-zoom a:hover { text-decoration: none !important } .marker { margin: -44px 0 0 -3px } .marker img { clip: auto !important } .marker div { width: 60px !important; height: 70px !important; line-height: 60px !important; font-size: 23px !important; font-weight: bold !important; color: #fff !important } .gm-iw-wrap { width: 0 !important; height: 0 !important } .gm-iw-wrap .gm-style-iw { background-color: #3b4149; padding: 30px; margin: 23px 0 0 -30px; overflow: visible !important } .bayi .gm-style-iw { margin: 92px 0 0 -31px } .gm-iw-wrap .gm-style-iw .item { max-width: 250px } .gm-iw-wrap .gm-style-iw .line { padding-top: 10px; margin-top: 10px; border-top: 1px solid #363c43 } .gm-iw-wrap .gm-style-iw p { color: #c7c7c7; font-size: 13px; margin-top: 4px; line-height: 15px } .gm-iw-wrap .gm-style-iw p.mT10 { margin-top: 10px } .gm-iw-wrap .gm-style-iw h5 { font-size: 14px; color: #fff; font-weight: bold; white-space: nowrap } .gm-iw-wrap .gm-style-iw i { width: 0; display: block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #3b4149; position: absolute; bottom: -10px; left: 50%; margin-left: -5px } .gm-iw-wrap .gm-style-iw .close { display: block; width: 11px; height: 11px; background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/map/map-iw-close.gif) no-repeat; position: absolute; top: 10px; right: 10px } .gm-iw-wrap .gm-iw-close img { display: none } .gm-iw-wrap .gm-style-iw div { overflow: visible !important } .ui-autocomplete { background: #fff; width: 237px; z-index: 100; border: 1px solid #c7cabf; max-height: 200px; overflow-y: auto; overflow-x: hidden } .ui-autocomplete li { padding: 8px 10px; font-size: 14px; border-bottom: 1px solid #c7cabf; margin: 0 5px } .ui-autocomplete li:last-child { border-bottom: none } .ui-autocomplete li:hover { background: #e2e5dc } .modal-overlay-bg { width: 100%; height: 100%; background: #000; opacity: 0; position: fixed; z-index: 10000; left: 0; top: 0; bottom: 0; right: 0 } .modal-container { position: absolute; z-index: 10010; top: -1000px; opacity: 0 } .modal-container .btn-modal-close { width: 25px; height: 25px; display: block; overflow: hidden; text-indent: -999px; background: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/modal-close.png') no-repeat 0 0; position: absolute; right: 0; top: 50px } .modal-container .btn-modal-close:hover { opacity: .8 } .mpconfusion { position: fixed; width: 100% !important; height: 100%; z-index: 9999; background-image: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/confusion.png); z-index: 999999; top: 0; display: none } .mpconfusion .mpconfusion-form { position: absolute; top: 50%; margin-top: -220px; left: 50%; margin-left: -283px; width: 566px; height: 440px; background-color: #fff } .mpconfusion .mpconfusion-form iframe { display: block!important; width: 520px; height: 410px; position: absolute; top: 50%; margin-top: -202px; left: 50%; margin-left: -260px; background-image: url("../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/confusion-modal-bg.jpg") } .confusion .button-detail { margin-right: 0 !important; padding-right: 32px } .confusion .button-detail span { display: block; float: left; color: #fff; font-size: 14px; font-weight: 500; line-height: 16px; text-decoration: none; background: #e73324; margin: 12px 29px 12px 0!important; padding: 12px 20px; cursor: pointer } .confusion .button-detail span input { background: none; border: none; color: #fff; font-size: 14px; font-family: 'CentraleSansBook', Verdana, sans-serif; margin: 0; padding: 0; cursor: pointer; text-transform: capitalize } .confusion .dipnot { padding-top: 20px !important } .confusion .inputArea { background-color: #fff !important } .confusion .captchaImageDiv img { width: 270px !important } .confusion .captchaImageDiv .pull-left a { margin-right: 16px !important; margin-top: 5px !important } .confusion span.error { display: none !important } .confusion-title { font-size: 22px; display: block; line-height: 40px; color: #002855 } .confusion-text { line-height: 30px } .confusion-header { background-image: url("../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/confusion-modal-bg.jpg"); width: 520px } .confusion-close.mobil-confusion { width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; position: absolute; right: 10px; background-color: #0085ca; top: 0; font-size: 20px; display: none } .MobilForm .confusion-close.mobil-confusion { display: block !important } .mpconfusion .confusion-close { background-image: url("../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/confusion-close.png"); width: 35px; height: 35px; position: absolute; right: 0; top: -35px; cursor: pointer } table.footable-details, table.footable>thead>tr.footable-filtering>th div.form-group { margin-bottom: 0 } table.footable, table.footable-details { position: relative; width: 100%; border-spacing: 0; border-collapse: collapse } table>tbody>tr>td>span.footable-toggle { margin-right: 8px; opacity: .3 } table>tbody>tr>td>span.footable-toggle.last-column { margin-left: 8px; float: right } table.table-condensed>tbody>tr>td>span.footable-toggle { margin-right: 5px } table.footable-details>tbody>tr>th:nth-child(1) { min-width: 40px; width: 120px } table.footable-details>tbody>tr>td:nth-child(2) { word-break: break-all } table.footable-details>tbody>tr:first-child>td, table.footable-details>tbody>tr:first-child>th, table.footable-details>tfoot>tr:first-child>td, table.footable-details>tfoot>tr:first-child>th, table.footable-details>thead>tr:first-child>td, table.footable-details>thead>tr:first-child>th { border-top-width: 0 } table.footable-details.table-bordered>tbody>tr:first-child>td, table.footable-details.table-bordered>tbody>tr:first-child>th, table.footable-details.table-bordered>tfoot>tr:first-child>td, table.footable-details.table-bordered>tfoot>tr:first-child>th, table.footable-details.table-bordered>thead>tr:first-child>td, table.footable-details.table-bordered>thead>tr:first-child>th { border-top-width: 1px } div.footable-loader { vertical-align: middle; text-align: center; height: 300px; position: relative } div.footable-loader>span.fooicon { display: inline-block; opacity: .3; font-size: 30px; line-height: 32px; width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; position: absolute; top: 50%; left: 50%; -webkit-animation: fooicon-spin-r 2s infinite linear; animation: fooicon-spin-r 2s infinite linear } table.footable>tbody>tr.footable-empty>td { vertical-align: middle; text-align: center; font-size: 30px } table.footable>tbody>tr>td, table.footable>tbody>tr>th { display: none } table.footable>tbody>tr.footable-detail-row>td, table.footable>tbody>tr.footable-detail-row>th, table.footable>tbody>tr.footable-empty>td, table.footable>tbody>tr.footable-empty>th { display: table-cell } table.footable>tbody>tr>td.footable-sortable, table.footable>tbody>tr>th.footable-sortable, table.footable>tfoot>tr>td.footable-sortable, table.footable>tfoot>tr>th.footable-sortable, table.footable>thead>tr>td.footable-sortable, table.footable>thead>tr>th.footable-sortable { position: relative; padding-right: 30px; cursor: pointer } td.footable-sortable>span.fooicon, th.footable-sortable>span.fooicon { position: absolute; right: 6px; top: 50%; margin-top: -7px; opacity: 0; transition: opacity .3s ease-in } td.footable-sortable.footable-asc>span.fooicon, td.footable-sortable.footable-desc>span.fooicon, td.footable-sortable:hover>span.fooicon, th.footable-sortable.footable-asc>span.fooicon, th.footable-sortable.footable-desc>span.fooicon, th.footable-sortable:hover>span.fooicon { opacity: 1 } table.footable-sorting-disabled td.footable-sortable.footable-asc>span.fooicon, table.footable-sorting-disabled td.footable-sortable.footable-desc>span.fooicon, table.footable-sorting-disabled td.footable-sortable:hover>span.fooicon, table.footable-sorting-disabled th.footable-sortable.footable-asc>span.fooicon, table.footable-sorting-disabled th.footable-sortable.footable-desc>span.fooicon, table.footable-sorting-disabled th.footable-sortable:hover>span.fooicon { opacity: 0; visibility: hidden } table.footable>tfoot>tr.footable-paging>td>ul.pagination { margin: 10px 0 0 } table.footable>tfoot>tr.footable-paging>td>span.label { display: inline-block; margin: 0 0 10px; padding: 4px 10px } table.footable-paging-left>tfoot>tr.footable-paging>td { text-align: left } table.footable-editing-right td.footable-editing, table.footable-editing-right tr.footable-editing, table.footable-paging-right>tfoot>tr.footable-paging>td { text-align: right } ul.pagination>li.footable-page { display: none } ul.pagination>li.footable-page.visible { display: inline } td.footable-editing { width: 70px; max-width: 70px } table.footable-editing-left td.footable-editing, table.footable-editing-left tr.footable-editing { text-align: left } table.footable-editing button.footable-add, table.footable-editing button.footable-hide, table.footable-editing-show button.footable-show, table.footable-editing.footable-editing-always-show button.footable-hide, table.footable-editing.footable-editing-always-show button.footable-show { display: none } table.footable-editing.footable-editing-always-show button.footable-add, table.footable-editing.footable-editing-show button.footable-add, table.footable-editing.footable-editing-show button.footable-hide { display: inline-block } @-webkit-keyframes fooicon-spin-r { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg) } } @keyframes fooicon-spin-r { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg) } } .fooicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings' !important; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fooicon:after, .fooicon:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .fooicon-loader:before { content: "" } .fooicon-plus:before { content: "+" } .fooicon-minus:before { content: "−" } .fooicon-search:before { content: "" } .fooicon-remove:before { content: "" } .fooicon-sort:before { content: "" } .fooicon-sort-asc:before { content: "" } .fooicon-sort-desc:before { content: "" } .fooicon-pencil:before { content: "✏" } .fooicon-trash:before { content: "" } .fooicon-eye-close:before { content: "" } .fooicon-flash:before { content: "" } .fooicon-cog:before { content: "" } table.footable>thead>tr.footable-filtering>th { border-bottom-width: 1px; font-weight: 400 } table.footable.footable-filtering-right>thead>tr.footable-filtering>th, table.footable>thead>tr.footable-filtering>th { text-align: right } table.footable.footable-filtering-left>thead>tr.footable-filtering>th { text-align: left } table.footable-paging-center>tfoot>tr.footable-paging>td, table.footable.footable-filtering-center>thead>tr.footable-filtering>th, table.footable>tfoot>tr.footable-paging>td { text-align: center } table.footable>thead>tr.footable-filtering>th div.form-group+div.form-group { margin-top: 5px } table.footable>thead>tr.footable-filtering>th div.input-group { width: 100% } table.footable>thead>tr.footable-filtering>th ul.dropdown-menu>li>a.checkbox { margin: 0; display: block; position: relative } table.footable>thead>tr.footable-filtering>th ul.dropdown-menu>li>a.checkbox>label { display: block; padding-left: 20px } table.footable>thead>tr.footable-filtering>th ul.dropdown-menu>li>a.checkbox input[type=checkbox] { position: absolute; margin-left: -20px } .mobile-switch { border-top: 4px solid #f2f2f2; border-bottom: 4px solid #f2f2f2; padding: 16px; margin-bottom: 3px } .mobile-switch label { color: #002855; font-size: 1.1rem; font-family: 'CentraleSansBook', Verdana, sans-serif; padding: 6px 0 } .mobile-switch .switch-box { width: 52px; height: 26px; background: #d6d6d6; border-radius: 50px; float: right; position: relative; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .mobile-switch .switch-box.yes { background: #05b4c8 } .mobile-switch .switch-box>span { width: 22px; height: 22px; border-radius: 25px; background: #fff; display: block; position: absolute; margin: 2px; top: 0; left: 0; webkit-box-shadow: 0 1px 3px 0 #999399; -moz-box-shadow: 0 1px 3px 0 #999399; box-shadow: 0 1px 3px 0 #999399; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .mobile-switch .switch-box.yes span { left: 26px } .devices-list .device-wrapper>figure>a img { width: 254.98px; height: 254.98px } .device-more-button, .device-order-button { height: 41px; line-height: 41px; display: block; color: #fff!important; font-size: 1.10rem; padding-left: 68px; position: relative } .device-more-button .icon, .device-order-button .icon { width: 48px; height: 41px; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.13); background-position: center center; background-repeat: no-repeat } .device-more-button { background: #04b3c7 } .device-more-button:hover { background: #039cad } .device-more-button .icon { background-image: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/device-more-button-icon.png) } .device-order-button { background: #e53526 } .device-order-button:hover { background: #c93022 } .device-order-button .icon { background-image: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/device-order-button-icon.png) } .device-order-button.v2 { padding-left: 55px } .device-order-button.v2 .icon { background-image: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/hemen-basvur-device-icon.png) } #CihazIcerik .device-order-button { float: right; padding-right: 20px } .device-compare .device-order-button { height: 53px; line-height: 53px; white-space: nowrap; padding-right: 20px } .device-compare .device-order-button .icon { height: 53px } @media(min-width:1200px) { .container { width: 1170px !important; padding-left: 30px; padding-right: 30px } } @media(max-width:1200px) { header nav>ul>li { padding: 0 5px 0 5px } header nav>ul>li .sub-menu { padding: 38px 15px } .banner .text-container { margin-left: -470px } .banner h2 { font-size: 1.9rem } .banner-owl .owl-controls { margin-left: -470px } .devices-list .device-wrapper>figure>a img { width: 213px; height: 213px } .sub-page .content .nav-tabs li, .sub-page .content .sub-page .content .nav-tabs-links li { text-align: center; margin-bottom: 0; vertical-align: bottom } .sub-page .content .devices-filter .filter-list ul li label { font-size: .95rem; color: #002855; letter-spacing: -1px } .sub-page .content .products-filter .line .propery { width: 150px } footer .footer-top ul.links li.tt-acc { padding-right: 40px } footer .footer-top ul.links li.map { padding-right: 40px } footer .footer-top ul.links li.call-center { padding-right: 40px } } @media(max-width:992px) { header .nav { display: block!important } } @media(min-width:992px) and (max-width:1199px) { .devices-list .device-wrapper>figure.double-link .overlay .buttons { left: 20px!important; right: 20px!important } } @media(min-width:768px) { table.footable>thead>tr.footable-filtering>th div.input-group { width: auto } table.footable>thead>tr.footable-filtering>th div.form-group { margin-left: 2px; margin-right: 2px } table.footable>thead>tr.footable-filtering>th div.form-group+div.form-group { margin-top: 0 } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .banner .text-container { left: 0; margin-left: 40px } .button-area { right: 0; left: auto; margin-right: 40px; margin-left: 0 } } @media(min-width:768px) and (max-width:991px) { .banner { height: 325px } .banner-owl-item { height: 322px } .banner-owl-item img { margin-left: -60px !important } .banner-owl { min-height: 325px!important; height: 325px!important } .banner-bg-content { width: 100%; min-height: 425px; overflow: hidden } .banner-bg-slider { min-height: 578px; margin-top: 0; position: absolute; background-size: 250%; background-position: left -600px top } .banner .text-container { margin: 0; padding: 0; left: 24px; height: auto } .banner .text-container h2 { font-size: 1.857rem; padding-left: 0 } .banner-owl .owl-controls { margin: 0; left: 24px; bottom: 10px } .banner .btn { padding: 10px 15px; margin-left: 0; left: 0 } .banner-slider { left: 0; margin-left: 0 } .banner-item img { width: 520px!important; margin-left: -80px !important; bottom: 0 } .banner-arrow-right, .banner-arrow-left, .banner-arrow-left-2 { display: none } .banner-arrow-center { background-size: 85%; margin-left: 162px } } .menu-hide { display: none } @media(max-width:991px) { .scrolled-hand-icon { content: ""; width: 67px; height: 67px; background: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/ico_touch.png') no-repeat; display: block; position: absolute; top: 20px; right: 10px; opacity: .2 } .table-global-wrap { position: relative; overflow-x: scroll } .table-global-wrap::after { content: ""; width: 67px; height: 67px; background: url('../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/ico_touch.png') no-repeat; display: block; position: absolute; top: 20px; right: 10px; opacity: .2 } .table-global-wrap .scrolled-hand-icon { display: none; right: auto; left: 100% } .table-global-wrap.scrolled .scrolled-hand-icon { display: block } .table-global-wrap.scrolled:after { display: none } html { overflow-x: hidden; font-size: 13px !important } .desktop-show { display: none } .menu-hide { width: 100%; display: inline-block } .ht-wrpr .header-right .btn { margin-top: 0 } .ml-15 { margin-left: auto } .mt50 { margin-top: 20px } header .logo { width: auto } header nav .menu-desc { color: #fff; margin-bottom: 15px; display: block } header .top-switch { margin-top: 4px } header .mobile-switch label { padding: 11px 0 } header .top-switch-wrp { float: right } .top-container { background: #08bec9; overflow: hidden; position: absolute; width: 100%; top: 97px; left: 0; z-index: 990; padding: 0 0 0 0; display: none } .top-container nav { width: 100%; margin-bottom: 0 } .top-container nav ul { width: 100% !important; padding: 0 } .top-container nav ul li { float: none; padding: 0 15px; position: relative!important; border-bottom: 1px solid #39cbd4 } .top-container nav ul li.selectedTopContext { background: #17b8c5 } .top-container nav ul li.selectedTopContext a { color: #fff !important } .top-container nav ul li a { padding: 22px 0; font-family: 'CentraleSansBook', Verdana, sans-serif; font-size: 1.42rem; color: #fff; margin-right: 0; background-color: transparent !important; border: 0 !important } .top-container nav ul li .sub-menu { width: 100%; position: relative; z-index: 990; left: 0; top: 0; margin-top: -5px; display: none; overflow: hidden; border: none; padding: 0 } .top-container nav ul li .sub-menu .menu-content-inline { overflow: hidden; background-color: transparent; border: 0; padding: 0 } .top-container nav ul li .sub-menu .menu-content-inline .row { margin-left: 0; margin-right: 0 } .top-container nav ul li .sub-menu .menu-content-inline a { color: #fff; padding: 5px 0 } .top-container nav ul li .sub-menu .menu-content-inline ul li { padding: 0 0; border-bottom: 0; border-top: 1px solid #39cbd4 } .top-container nav ul li .sub-menu .menu-content-inline ul li a { font-size: 1.07rem; padding: 15px 0 !important; margin-bottom: 0 } .top-container nav ul li .sub-menu .menu-content-inline ul li ul { display: none; margin-top: -5px; margin-bottom: 0 } .top-container nav ul li .sub-menu .menu-content-inline ul li ul li { border-bottom: 0; border-top: 0 } .top-container nav ul li .sub-menu .menu-content-inline ul li ul li a { font-size: 1rem; padding: 6px 0; padding: 10px 25px !important } .top-container nav ul li .sub-menu .menu-content-inline ul li ul li li { padding-left: 0 12px } .top-container nav ul li .sub-menu .menu-content-inline ul li ul li li a { font-size: 1.2rem } .top-container nav ul li .sub-menu .menu-content-inline .tab-menus { background-color: transparent } .top-container nav ul li.active { background: #04a6b3 } .top-container nav ul li.active a { color: #fff !important } .top-container nav ul li.active a::after { display: none !important } .top-container nav ul li:hover { background: #04a6b3 } .top-container nav ul li:hover a { color: #fff !important } .top-container nav ul li:hover a::after { display: none !important } .top-container nav ul li.sub>a { padding: 22px 0 !important } .top-container nav .sub.navopen>ul { display: block !important } .top-container .top-switch-wrp { padding: 0 15px; display: none } .top-container .top-switch { width: 100%; height: 38px; border-radius: 20px; background: #e9f1f8; overflow: hidden; cursor: pointer; margin: 0; z-index: 9991; position: relative; padding: 8px; margin: 0 0; float: none!important } .top-container .top-switch-content { width: 2000px; overflow: hidden } .top-container .top-switch-off, .top-container .top-switch-on { width: 22px; height: 22px; background: #05bec8; display: block; border-radius: 50%; margin: 0 0; float: left } .top-container .top-switch-on { background: #fff } .top-container .top-switch-label { font-size: 13px; color: #707986; display: block; padding: 4px 16px 2px 6px; float: left; width: 100% } .top-container .top-switch.top-switch-active { background: #089ea7 !important } .sub-img-right { width: 55% } .sub-img-right img { width: 100% } .banner-owl .owl-controls { margin-left: 0; margin-top: 27px } .button-area .button-wrapper { width: 100% } .button-area .btn-service { width: 100% } .button-area { width: auto; padding: 20px 0 0 0; margin: 0 15px; left: 0; right: 0; top: 0 !important; position: relative; overflow: hidden } .button-area h3 { display: block } .button-area .button-wrapper { width: 100% } .button-area .btn-service { width: 100% } .button-online { width: 100%; margin-bottom: 5px } .cross-banner .link-button h3 { text-align: center } .cross-banner .link-button h3 a { font-family: CentraleSansBold !important } .cross-banner .link-button p { text-align: center; font-size: 1.15rem !important } .cross-banner .link-button .link-button-icon { height: 180px } .cross-banner .link-button .link-button-icon .icon { padding: 50px 0; font-size: 80px } .cross-banner .link-button:hover .link-button-icon u { height: 168px; margin-top: -84px } .medium-banner .text-area { top: 10px; left: 10px } .medium-banner h2 { margin-bottom: 5px; font-size: 1.2rem; line-height: 1.4rem } .medium-banner p { font-size: .9rem; line-height: 1.1rem } .sub-page .sidebar { display: none } .sub-page .title { border-bottom: 0; margin-bottom: 15px; padding: 15px 0 } .sub-page .title h1 { font-size: 2rem } .sub-page .content { } .sub-page .content .subpage-banner { width: 100%; margin: 20px 0; padding: 0 } .sub-page .content .subpage-banner h3 { font-size: 1.5rem; line-height: 2rem; padding-top: 15px } .sub-page .content .subpage-banner br { content: ' ' } .sub-page .content .subpage-banner br:after { content: ' ' } .sub-page .content .subpage-banner .text { background: #f2f2f2 } .sub-page .content .radio-tab-list { overflow-x: scroll; width: 100%; min-width: 100%; padding-bottom: 10px } .sub-page .content .radio-tab-list .input-item { width: 850px } .sub-page .content .mobile-filter-btn { display: block; margin: 0; background-color: transparent; font-size: 1.2rem; text-align: left; padding: 14px 5px 0 0; margin-top: 28px; font-weight: 500; color: #002855; position: relative } .sub-page .content .mobile-filter-btn i { display: none } .sub-page .content .mobile-filter-btn::before { content: ''; font-family: 'icomoon' !important; color: #002855; position: absolute; right: 6px; top: 16px; -webkit-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -moz-transition: all 200ms cubic-bezier(.25, .25, .75, .75); -o-transition: all 200ms cubic-bezier(.25, .25, .75, .75); transition: all 200ms cubic-bezier(.25, .25, .75, .75) } .sub-page .content .mobile-filter-btn.active::before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg) } .sub-page .content .device-compare-btn { display: none !important } .sub-page .content .device-detail h2 { margin-top: 15px } .sub-page .content .tab-content { padding: 15px 0 } .sub-page .content .devices-filter-head { margin-bottom: 0 } .sub-page .content .devices-filter-head .search-area { margin-bottom: 10px } .sub-page .content .devices-filter { display: none; border-top: 1px solid #e0e0e0; padding: 0 20px } .sub-page .content .devices-filter hr { margin-top: 0; margin-bottom: 0; height: 1px } .sub-page .content .devices-filter .filter-list h3 { margin-bottom: 0; position: relative; padding: 15px 10px; font-family: 'CentraleSansMedium', Verdana, sans-serif; font-size: 1.1rem } .sub-page .content .devices-filter .filter-list h3::before { content: ''; font-family: 'icomoon' !important; color: #002855; position: absolute; right: 6px; top: 16px; -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -moz-transition: all 400ms cubic-bezier(.23, 1, .32, 1); -o-transition: all 400ms cubic-bezier(.23, 1, .32, 1); transition: all 400ms cubic-bezier(.23, 1, .32, 1) } .sub-page .content .devices-filter .filter-list h3.opened::before { transform: rotate(180deg) } .sub-page .content .devices-filter .filter-list ul { display: none; overflow: auto !important; max-height: 200px } .sub-page .content .devices-filter .filter-list ul li { display: block } .sub-page .content .devices-filter .filter-list ul li:first-child { margin-top: 15px } .sub-page .content .devices-filter .filter-list .show-filter { display: none } .sub-page .content .filter-btn { display: none; margin-top: 0; padding: 10px } .sub-page .content .filter-btn hr { margin-top: 0; margin-bottom: 0; height: 1px } .sub-page .content .devices-list { margin-top: 15px; display: block } .sub-page .content .devices-list>div { padding: 20px 15px; margin-bottom: 0 } .sub-page .content .devices-list .device-wrapper { width: 100%; height: auto; display: table; margin-bottom: 30px } .sub-page .content .devices-list h2 { width: 100%; min-height: inherit; text-align: center; margin-bottom: 12px } .sub-page .content .devices-list figure { width: 100%; float: left } .sub-page .content .devices-list figure img { width: 100%; height: 100% } .sub-page .content .devices-list .btn-detail { width: 50%; display: block; float: left; margin: 10px 0 } .sub-page .content .devices-list .btn-add-compare { width: 50%; display: block; float: left; margin: 10px 0 } .sub-page .content .devices-list .add-compare { display: none !important } .sub-page .content .devices-list .device-wrapper>figure>a::after { display: none } .sub-page .content .devices-list .device-wrapper>figure>a::before { display: none } .sub-page .content .products-filter .line .name { width: 100%; margin-bottom: 15px } .sub-page .content .products-filter .line .propery { margin-bottom: 10px } .sub-page .content .packages>div { margin-bottom: 15px } .sub-page .content .accordion .accordion-group { border-bottom: 1px solid #bcc3cd } .sub-page .content .accordion .accordion-group .accordion-heading a { padding: 15px; font-size: 1rem } .sub-page .content .accordion .accordion-group .accordion-heading a::after { top: 16px; right: 15px } .sub-page .content .accordion.style-2 .accordion-group .accordion-heading a { padding: 15px; font-size: 1rem } .sub-page .content .accordion.style-2 .accordion-group .accordion-heading a:after { top: 50%; right: 10px; margin-top: -5px; height: 10px } .sub-page .related-content li { width: 48%; display: inline-block; float: left; margin: 1% } .sub-page .tableArea { width: 100% } .sub-page .tableArea th { white-space: nowrap; text-align: left } #map-wrap { overflow: hidden } #map-wrap .map-inner .map-zoom { right: auto; left: 0; top: 163px } footer { overflow: hidden } footer .footer-top .footer-logo { width: 100%; text-align: center } footer .footer-top .social-icon { width: 100%; display: block; text-align: center; border-bottom: 1px solid #e9f1f8; border-top: 1px solid #e9f1f8; vertical-align: top } footer .footer-top .social-icon span { display: inline-block; float: none; padding: 2px 12px; vertical-align: top; border-right: 1px solid #e9f1f8; text-align: center; height: auto; width: auto; margin-left: auto } footer .footer-top .social-icon span a { width:padding:0 } footer .footer-top .social-icon a.icon-google { top: 0 } footer .footer-top ul.links { width: 100%; display: block; text-align: center; margin: 0 } footer .footer-top ul.links li { display: inline-block; border: 0; font-size: 13px } footer .footer-top ul.links li strong { font-weight: 400 } footer .footer-link { text-align: center } footer .footer-link .copyright { width: 100% } footer .footer-link .copyright p { float: none; text-align: center } .top-container nav .sub.navopen a.active-link { color: #fff!important; font-weight: bold } .customer-select-modal { max-width: 80%; left: auto; right: 4px; margin-left: 0; float: none } } @media(max-width:767px) { .customer-select-modal { max-width: 100%; left: 15px; right: 15px; margin-left: 0; float: none } .customer-select-modal .customer-select-right { width: 100%; height: auto } .customer-select-modal .customer-select-right p { font-size: 1rem } .customer-select-modal .customer-select-right img { float: right; margin-top: -50px; margin-bottom: 7px; width: 80px } .customer-select-modal .customer-select-left { width: 100%; height: auto; padding: 15px } .customer-select-modal .customer-select-left i { padding: 10px 0; font-size: 8rem } .customer-select-modal .customer-select-left p { font-size: 1.2rem } .customer-select-modal .customer-select-left .btn-customer { width: 100% } .customer-select-modal .customer-select-left .btn-not-customer { width: 100% } header .logo img { width: 164px } .top-container { top: 84px } .banner { height: auto } .banner-owl-item { height: auto; position: relative } .banner-owl-item h2 { width: 100%; left: 0; bottom: 0; padding: 0 0 10px 0; min-height: 60px; height: auto; position: relative; top: inherit; margin: 0; text-align: center; background: #f2f2f2; font-size: 1.3rem; line-height: 1.7rem } .banner-owl-item h2 a, .banner-owl-item h2 span { display: block; width: 100%; color: #002a53!important } .banner-owl-item h2 i { display: inline-block; position: relative; top: -2px } .banner-owl { min-height: auto!important; height: auto!important } .owl-carousel .owl-stage::after { display: none } .banner h2 br { content: ' ' } .banner h2 br:after { content: ' ' } .banner .btn { margin: 0 auto; top: inherit; bottom: 50px; position: relative; left: inherit } .banner .text-container { width: 100%; background: #f2f2f2; padding: 15px; margin: 0; position: relative; left: 0; top: 0 } .banner .text-container a.btn { bottom: 0; float: none; margin: 0 auto } .banner-bg-slider { background-size: cover } .banner-owl .owl-controls { width: 100%; left: 0; margin: 0; bottom: 94px; position: absolute; display: block } .banner-owl .owl-controls .owl-dots { width: 100%; text-align: center } .banner-owl .owl-controls .owl-dots .owl-dot { display: inline-block; float: none } .banner-owl .owl-controls .owl-dots .owl-dot { background: rgba(0,40,84,.2) } .banner-slider { left: 0; margin-left: 0 } .banner-item img { margin: 5% 5% 0 5%!important; width: 90%!important; display: block; left: 0; margin-bottom: 0; position: relative; bottom: 0; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1) } .banner-arrow-right, .banner-arrow-left, .banner-arrow-left-2 { display: none } .banner-arrow-center { background-size: 60%; margin-left: 42px } .banner .black h2, .banner .black h2 a { color: #002a53!important } .cross-banner { padding: 15px 15px 0 15px } .medium-banner { margin-top: 15px; margin-bottom: 0 } .medium-banner figure { overflow: hidden; float: none !important } .medium-banner figure img { margin-top: -60px; margin-bottom: -60px } .medium-banner .text-area { text-align: center; float: none !important; padding: 15px; left: 0; top: 0; padding: 15px 30px } .medium-banner .text-area br { display: none } .medium-banner .text-area br::after { content: ' ' } .medium-banner .banner-block { margin-bottom: 15px } .sub-page .content { } .sub-page .content h2.sub-content-title { clear: both; float: none; padding-top: 30px } .sub-page .content .nav-tabs.responsive-swipe { border-bottom: 1px solid #d6d6d6 !important } .sub-page .content .nav-tabs.responsive-swipe .owl-item li { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1); transform: scale(1) } .sub-page .content .nav-tabs.responsive-swipe .owl-item li a { background-color: transparent; color: #002855; font-size: 1.3rem; font-family: 'CentraleSansMedium', Verdana, sans-serif; margin-top: 0 } .sub-page .content .nav-tabs.responsive-swipe .owl-item li.active { border-bottom: 2px solid #05b4c8 } .sub-page .content .nav-tabs.responsive-swipe .owl-item li.active a { background-color: transparent; color: #05b4c8; border-bottom: 2px solid #05b4c8; padding: 15px 8px; margin-top: 0 } .sub-page .content .content-block.col-2-block { margin-bottom: 0 } .sub-page .content .content-block.col-2-block .left { width: 100%; padding-right: 0 } .sub-page .content .content-block.col-2-block .left a { display: block } .sub-page .content .content-block.col-2-block .left img { width: 100% } .sub-page .content .content-block.col-2-block .right { float: right; width: 100%; padding-left: 0 } .sub-page .content .content-block.col-2-block .right h3 { font-size: 1.71rem; margin: 15px 0 30px 0 } .sub-page .content .content-block.col-2-block .right p { display: none } .sub-page .content .device-detail .detail-blocks .block { margin-bottom: 15px } .sub-page .content .device-detail .detail-blocks .block span { margin-bottom: 0; font-size: 1rem; font-family: CentraleSansMedium } .sub-page .content .device-detail .detail-blocks .block span.lead { font-size: 1rem } .sub-page .content .device-detail .detail-blocks .block.internet { width: 100% } .sub-page .content .device-detail .detail-blocks .block.speak, .sub-page .content .device-detail .detail-blocks .block.sms { width: initial; margin-right: 0 } .sub-page .content .device-detail .detail-blocks .block.speak { border-right: 1px solid #a1a1a1; padding-right: 10px } .sub-page .content .device-detail .detail-blocks .block.sms { padding-left: 10px } .sub-page .content .device-detail .detail-blocks .block.invoiced { width: 130px } .sub-page .content .device-detail .detail-blocks .block.invoiced strong { font-size: 1rem } .sub-page .content .device-detail .detail-blocks .block.only-text { width: 100% } .sub-page .content .device-detail .btn-online-apply { width: 100% } .sub-page .content .devices-list .not-found-device { width: 100%; padding: 20px; text-align: center } .sub-page .content .devices-list .not-found-device::before { position: relative; margin: 0 auto 10px auto; left: 0; top: 0 } .sub-page .content .related-products { text-align: left } .sub-page .content .related-products h2 { margin-bottom: 0 } .sub-page .content .related-products ul li a { padding: 15px; border-bottom: 1px solid #e5e9ee } .sub-page .content .related-products ul li img { width: 100%; margin-bottom: 0; display: inline-block } .sub-page .content .related-products h3 { display: inline-block; padding-left: 10px } .sub-page .content .page-detail-first-img { width: 100%; margin-bottom: 15px } .sub-page .content .faqStyle .faqItem .faqTitle a { font-size: 1rem } .sub-page .content .device-landing-content .device-list .device-block .device-price-list .price-list { position: relative } .sub-page .related-content li { width: 98%; margin: 1% } .sub-page .content-property-area .block { margin-bottom: 10px } .sub-page .content-property-area .block span { margin-bottom: 0 } .sub-page .content-property-area .block span.lead { font-size: 1.3rem } .nav-tabs.responsive-swipe { border-bottom: 1px solid #d6d6d6 !important } .nav-tabs.responsive-swipe .owl-carousel .owl-stage { width: 100% !important } .nav-tabs.responsive-swipe li { width: auto !important } .nav-tabs.responsive-swipe .owl-item li { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1); transform: scale(1) } .nav-tabs.responsive-swipe .owl-item li a { background-color: transparent; color: #002855; font-size: 1.2rem; font-family: 'CentraleSansMedium', Verdana, sans-serif; padding: 15px 8px } .nav-tabs.responsive-swipe .owl-item li.active { border-bottom: 2px solid #05b4c8 } .nav-tabs.responsive-swipe .owl-item li.active a { background-color: transparent; color: #05b4c8; border-bottom: 2px solid #05b4c8; padding: 15px 8px; margin-top: 0 } footer .footer-top ul.links li.tt-acc { padding-right: 10px } footer .footer-top ul.links li.map { padding-right: 10px } footer .footer-top ul.links li.call-center { padding-right: 0 } .img-responsive { width: 100% } .img-responsive img { width: 100% } } @media(max-width:450px) { .banner-slider .banner-owl .owl-controls { top: 256px } .banner .text-container { padding: 30px 15px 30px 15px } } @media(max-width:375px) { .sub-page .related-products ul li a h3 { width: 67%; margin-bottom: 0 } .banner-slider .banner-owl .owl-controls { top: 230px } .modalBox-outer { width: 100%!important; padding: 30px 15px!important; left: 0!important; top: 20px!important; margin-left: 0!important } } @media(max-width:360px) { .banner-slider .banner-owl .owl-controls { top: 220px } } @media(max-width:320px) { .banner-slider .banner-owl .owl-controls { top: 194px } } .form-control { width: 100%; height: auto; background: #fff; border: 1px solid #bfc9d4; padding: 9px; font-size: 1rem; color: #6c6c6c; outline: none!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-border-radius: 0; -webkit-border-radius: 0; resize: none; border-radius: 0 } select, select.form-control { word-wrap: normal!important; padding-right: 0; white-space: nowrap!important } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0 } .embed-responsive-16by9 { padding-bottom: 56.25% } .embed-responsive-4by3 { padding-bottom: 75% } .operator-services-page .operator-item { margin-bottom: 30px } .operator-services-page .operator-item h3 { font-size: 1.3rem!important } .operator-services-page .operator-item span.error { margin-top: 5px; color: red; font-size: .9rem; display: block } .operator-services-page .operator-item input.error, .operator-services-page .operator-item select.error { border-color: red } .sms-bar { background: url(../../../web/kampanyalar/Sayfalar/../../../assets/responsive/img/blue-patern-x.png); color: #fff; text-align: center; line-height: 20px; padding: 10px 15px; font-weight: 600; border-bottom: 2px solid #f7efee } .sms-bar a { color: #fff!important; display: block; margin: -10px -15px; padding: 10px 15px } .font-bold { font-family: CentraleSansBold } .font-xbold { font-family: CentraleSansXBold } .font-medium { font-family: 'CentraleSansMedium' } .new-campaign-cards { margin-left: -15px; margin-right: -15px } .new-campaign-cards .campaign-card-item { padding-left: 15px; padding-right: 15px; margin-bottom: 30px } .new-campaign-cards .campaign-card-item .package-size-title>span { display: block; width: 65px; height: 65px; text-align: center; line-height: 65px; color: #02294a; font-size: 3.28rem; background: #e8ecee; font-family: CentraleSansXBold } .new-campaign-cards .campaign-card-item .campaign-card-top { background: #fff; border-top: 2px solid #e8ecee; padding: 20px 0; line-height: 1; text-align: center } .new-campaign-cards .campaign-card-item .campaign-card-top .text-title { color: #02294a; font-size: 1.25rem; margin-bottom: 5px; font-weight: bold; font-family: CentraleSansBold } .new-campaign-cards .campaign-card-item .campaign-card-top .text-title .bigger { font-size: 1.45rem } .new-campaign-cards .campaign-card-item .campaign-card-top .text-icon { color: #1481cb; font-weight: bold; line-height: 22px } .new-campaign-cards .campaign-card-item .campaign-card-top .text-icon i { font-size: 22px; margin-right: 10px; vertical-align: middle } .new-campaign-cards .campaign-card-item .campaign-card-top .service-icon { height: 32px; color: #1481cb; font-size: 22px } .new-campaign-cards .campaign-card-item .campaign-card-top .service-title { color: #02294a; font-size: 1.42rem } .new-campaign-cards .campaign-card-item .campaign-card-top+.campaign-card-bottom { margin-top: 2px } .new-campaign-cards .campaign-card-item .extra-options { padding-top: 30px } .new-campaign-cards .campaign-card-item .extra-options .extra-option-item { margin-bottom: 8px } .new-campaign-cards .campaign-card-item .extra-options .extra-option-item .extra-option-title { border-bottom: 2px solid #e8ecee; margin-bottom: 25px } .new-campaign-cards .campaign-card-item .extra-options .extra-option-item .extra-option-title>span { display: inline-block; background: #e8ecee; line-height: 30px; padding: 0 20px; color: #1481cb; font-family: CentraleSansBold } .new-campaign-cards .campaign-card-item .extra-options .extra-option-item .iconed-list>li { position: relative; padding-left: 60px; line-height: 22px; min-height: 42px } .new-campaign-cards .campaign-card-item .extra-options .extra-option-item .iconed-list>li .icon { width: 60px; position: absolute; left: 0; top: 0; text-align: center; color: #1481cb; font-size: 22px } .new-campaign-cards .campaign-card-item .extra-options .extra-option-item .iconed-list>li .icon>img { magin-left: auto; margin-right: auto; text-align: center } .new-campaign-cards .campaign-card-item .campaign-card-bottom { background: #fff; padding: 30px 0; text-align: center } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .campaign-price { margin-bottom: 15px; color: #02294a } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .campaign-price>span { display: inline-block; vertical-align: top; line-height: 1 } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .campaign-price .campaign-price-1 { font-size: 3.28rem; font-family: CentraleSansXBold; letter-spacing: -2px } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .campaign-price .campaign-price-2 { padding-top: 5px; font-family: CentraleSansBold } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .campaign-price .campaign-price-2 .p1_val { font-family: CentraleSansXBold; display: inline-block; font-size: 1.42rem; padding-bottom: 3px; letter-spacing: -1px } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .price-description { margin-bottom: 15px; font-family: CentraleSansBold; color: #02294a } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .price-description p { margin-bottom: 0 } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .price-description p+p { margin-top: 10px } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .campaign-apply-button { max-width: 220px; margin: 0 auto } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .campaign-apply-button .btn { font-size: 1.14rem; display: block; background: #e4352d; margin: 0; line-height: 20px; font-family: 'CentraleSansMedium' } .new-campaign-cards .campaign-card-item.item-5 { width: 20%; float: left } .new-campaign-cards .campaign-card-item.item-4 { width: 25%; float: left } .new-campaign-cards .campaign-card-item.item-3 { width: 33.3%; float: left } .new-campaign-cards .campaign-card-item.item-2 { width: 50%; float: left } .new-campaign-cards .campaign-card-item.item-1 { width: 100%; max-width: 730px; margin: 0 auto } @media(min-width:768px) and (max-width:991px) { .new-campaign-cards .campaign-card-item .package-size-title>span { font-size: 2rem; width: 45px; height: 45px; line-height: 45px } .new-campaign-cards .campaign-card-item .campaign-card-top .service-icon { font-size: 18px; height: 28px } .new-campaign-cards .campaign-card-item .campaign-card-top .service-title { font-size: .8rem } .new-campaign-cards .campaign-card-item .campaign-card-top .text-title { font-size: 1rem } .new-campaign-cards .campaign-card-item .campaign-card-top .text-icon i { font-size: 18px } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .campaign-price .campaign-price-1 { font-size: 2.85rem } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .campaign-price .campaign-price-2 { font-size: .9rem } .new-campaign-cards .campaign-card-item .campaign-card-bottom>.inner .campaign-price .campaign-price-2 .p1_val { font-size: 1.2rem } .new-campaign-cards .campaign-card-item .campaign-card-bottom { padding: 15px } } @media(max-width:991px) { .show-tablet-mobile { display: inline-block } .hide-tablet-mobile { display: none } .new-campaign-cards .campaign-card-item .extra-options { padding-top: 15px } .new-campaign-cards .campaign-card-item .extra-options .extra-option-item .extra-option-title { margin-bottom: 10px } .new-campaign-cards .campaign-card-item .extra-options .extra-option-item .icon-list>li { min-height: 32px; padding-left: 50px } .new-campaign-cards .campaign-card-item .extra-options .extra-option-item .icon-list>li .icon { font-size: 18px; width: 50px } } @media(min-width:992px) { .show-tablet-mobile { display: none } .hide-tablet-mobile { display: inline-block } } @media(min-width:992px) and (max-width:1199px) { .new-campaign-cards .campaign-card-item .campaign-card-top .service-title { font-size: 1.2rem } .new-campaign-cards .campaign-card-item .campaign-card-top .text-title { font-size: 1.5rem } .new-campaign-cards .campaign-card-item .campaign-card-top .text-icon { font-size: .8rem } .new-campaign-cards .campaign-card-item .package-size-title>span { font-size: 2.7rem; width: 55px; height: 55px; line-height: 55px } } @media(max-width:767px) { .new-campaign-cards { margin: 0!important } .new-campaign-cards .campaign-card-item { width: 100%!important; float: none!important } .new-campaign-cards .campaign-card-item .campaign-card-top { padding: 10px 0 } .new-campaign-cards .campaign-card-item .campaign-card-top .text-title { font-size: 1rem } .new-campaign-cards .campaign-card-item .campaign-card-top .text-title .bigger { font-size: 1.2rem } .new-campaign-cards .campaign-card-item .campaign-card-bottom { padding: 15px } } @media(max-width:400px) { .new-campaign-cards .campaign-card-item .campaign-card-top .service-title { font-size: 1rem } .new-campaign-cards .campaign-card-item .package-size-title>span { width: 50px; height: 50px; line-height: 50px; font-size: 2.8rem } }